/* Approved mobile directions. Desktop styles remain in the existing sheets. */
.case-carousel-controls{display:none}
body[data-route="/use-cases"] .site-footer{border-top:0}
.mobile-plan-selector{display:none}
.worlds-mobile-gallery{display:none}
.not-found-code{display:block;color:#ff745e;font-weight:800;line-height:.85;letter-spacing:-.085em;font-size:clamp(150px,27vw,380px)}
.case-detail-intro{position:relative;isolation:isolate;min-height:760px;padding:155px 0 75px;background:#1a1816}
.case-detail-intro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2}
.case-detail-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080808da,#08080825),linear-gradient(#080808aa,transparent 35%,#08080845);pointer-events:none}
html[dir=rtl] .case-detail-intro::after{background:linear-gradient(270deg,#080808da,#08080825),linear-gradient(#080808aa,transparent 35%,#08080845)}
.case-detail-intro .case-detail-hero{position:static;isolation:auto;display:flow-root;min-height:0;padding:0;overflow:visible}
.case-detail-intro .case-detail-hero::after{content:none}
.case-detail-intro .case-detail-hero>.shell{display:flow-root}
.case-context--plain{grid-template-columns:minmax(0,760px)}
.case-context--plain .case-needs{margin-top:0}
@media(max-width:980px){.case-detail-intro{min-height:690px;padding-top:140px}}
@media(max-width:800px){.case-detail-intro{min-height:650px;padding:130px 0 55px}}
@media(max-width:540px){.case-detail-intro{min-height:680px;padding:120px 0 45px}.case-detail-intro>img{object-position:60% center}}
@media(max-width:600px){
  :root{--mobile-gutter:22px}
  body[data-route="/get-started"] .nav,body[data-route="/login"] .nav{position:absolute;top:0;z-index:100;background:linear-gradient(#070504c4,transparent);color:#fff}
  body[data-route="/get-started"] .nav .brand,body[data-route="/login"] .nav .brand{color:#fff}
  .shell{width:calc(100% - 44px)}
  h1,h2,h3,p{overflow-wrap:normal}
  .btn{min-height:52px}
  .living-hero{padding-top:0;background:#1a1816;overflow:visible}
  .living-hero-grid{display:flex;flex-direction:column;gap:0;padding:0;width:100%}
  .living-hero-copy{width:100%;max-width:none;padding:clamp(290px,47vh,430px) var(--mobile-gutter) 28px;background:linear-gradient(180deg,rgba(18,16,14,.05) 5%,rgba(18,16,14,.5) 37%,#1a1816 73%),url('/assets/mobile-florist.png') center 28%/cover no-repeat}
  .living-hero-copy h1{font-size:clamp(55px,15.1vw,76px);letter-spacing:-.07em;line-height:.96;margin-top:19px}
  .living-hero-copy h1 .hero-title-line{display:block}
  .living-hero-copy h1 .hero-title-accent{color:#ff745e}
  .living-hero-copy>p:not(.living-hero-note){font-size:18px;line-height:1.52;max-width:36rem;margin-block:23px 22px}
  .living-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .living-hero-actions .btn{width:100%;justify-content:space-between;background:#ff745e;color:#111}
  .living-hero-note{margin-top:13px;font-size:13px;opacity:.72}
  .living-hero-art{width:calc(100% - 32px);margin:8px auto 0}
  .living-hero-bottom{padding-block:27px}
  .product-intro{padding:115px 0 38px}
  .product-intro-grid{display:flex;flex-direction:column;gap:27px}
  .product-intro-copy,.product-intro-media{width:100%}
  .product-intro-copy h1{font-size:clamp(47px,11.2vw,64px);line-height:1.02;letter-spacing:-.06em;margin-top:23px}
  .product-intro-copy h1 span{color:#ff745e}
  .product-intro-copy>p{font-size:18px;line-height:1.53;margin-block:20px}
  .product-intro-actions{display:flex;flex-direction:column;align-items:stretch;gap:17px}
  .product-intro-actions .btn{width:100%;justify-content:space-between;background:#ff745e;color:#161616}
  .product-intro-media{min-height:0;height:350px;border-radius:17px}
  .product-intro-media.product-intro-video{height:auto;aspect-ratio:16/9}
  .product-intro-media img{width:100%;height:100%;object-fit:cover}
  .capability-nav{overflow-x:auto;scrollbar-width:none}
  .capability-nav .shell{width:max-content;min-width:100%;gap:22px}
  body[data-route="/use-cases"] .page-intro,body[data-route="/journal"] .page-intro,body[data-route="/about"] .page-intro{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:clamp(300px,49vh,440px) var(--mobile-gutter) 54px;color:#fff;background:#1a1816}
  body[data-route="/use-cases"] .page-intro:before,body[data-route="/journal"] .page-intro:before,body[data-route="/about"] .page-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 15%,rgba(19,17,15,.32) 44%,#1a1816 87%),var(--intro-photo) center 35%/cover no-repeat}
  body[data-route="/use-cases"] .page-intro{--intro-photo:url('/assets/movement.webp');display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:90px;padding-bottom:35px}
  body[data-route="/use-cases"] .page-intro>.shell{width:100%}
  body[data-route="/journal"] .page-intro,body[data-route="/about"] .page-intro{--intro-photo:url('/assets/portal.webp')}
  body[data-route="/use-cases"] .page-intro h1,body[data-route="/journal"] .page-intro h1,body[data-route="/about"] .page-intro h1{font-size:clamp(47px,11.2vw,63px);line-height:1.03;letter-spacing:-.065em;margin-top:22px}
  body[data-route="/use-cases"] .page-intro p,body[data-route="/journal"] .page-intro p,body[data-route="/about"] .page-intro p{font-size:18px;line-height:1.5;color:#e0e0e0}
  body[data-route="/use-cases"] .page-intro h1{font-size:clamp(36px,10vw,48px)}
  body[data-route="/use-cases"] .page-intro p{font-size:16px}
  body[data-route="/use-cases"] .case-index{padding-top:20px}
  .case-type-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:7px;margin-inline:-22px;padding-inline:22px}
  .case-type-filters button{flex:none;white-space:nowrap}
  .case-grid{display:grid;grid-template-columns:1fr;gap:15px}
  .case-card-image{min-height:400px}
  .case-detail-intro{--case-visual-height:70svh;height:var(--case-visual-height);min-height:0;padding:0}
  .case-detail-intro>img{inset:0;height:100%;object-position:60% center;clip-path:none}
  body[data-route="/use-cases/coaches"] .case-detail-intro>img{object-position:42% center}
  .case-detail-intro::after{inset:0;height:100%;background:linear-gradient(to top,rgba(8,8,8,.94) 0%,rgba(8,8,8,.68) 32%,rgba(8,8,8,.3) 68%,rgba(8,8,8,.36) 100%)}
  html[dir=rtl] .case-detail-intro::after{background:linear-gradient(to top,rgba(8,8,8,.94) 0%,rgba(8,8,8,.68) 32%,rgba(8,8,8,.3) 68%,rgba(8,8,8,.36) 100%)}
  .case-detail-intro .case-detail-hero{display:flex;align-items:flex-end;height:var(--case-visual-height);min-height:0;padding:0;overflow:hidden}
  .case-detail-intro .case-detail-hero>.shell{padding-block:0 16px;position:relative;z-index:1}
  .case-detail-hero .breadcrumb{display:inline-flex;align-items:flex-end}
  .case-detail-hero h1{font-size:clamp(36px,10vw,48px);line-height:1.03;letter-spacing:-.06em;margin:16px 0}
  .case-detail-hero p{font-size:16px;line-height:1.5}
  .case-detail-hero .btn{width:100%;justify-content:space-between;margin-top:20px}
  .case-detail-hero small{margin-top:16px}
  #case-live .paka-canvas{display:flex;flex-direction:column;height:min(650px,calc(100svh - 84px));background:#fff}
  #case-live .paka-canvas .pc-top{flex:none;min-height:56px;padding:8px 10px;gap:7px}
  #case-live .pc-identity{flex:1;min-width:0;gap:7px}
  #case-live .pc-identity>img{width:30px;height:30px}
  #case-live .pc-identity b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #case-live .pc-identity small{display:none}
  #case-live .pc-tools-actions{gap:4px}
  #case-live .pc-icon{width:34px;height:34px;min-width:34px;min-height:34px}
  #case-live .pc-nav{flex:none;min-height:42px;gap:12px;padding-inline:12px;justify-content:space-between;scrollbar-width:none}
  #case-live .pc-nav button{flex:0 0 auto;white-space:nowrap;font-size:11px!important;letter-spacing:.08em;padding-block:10px}
  #case-live .pc-body{flex:1 1 auto;height:auto;min-height:0;overflow-y:auto;padding:18px 16px 150px}
  #case-live .pc-welcome{min-height:0;gap:16px}
  #case-live .pc-welcome-copy{padding:0}
  #case-live .pc-eyebrow{font-size:11px!important;line-height:1.35;letter-spacing:.1em}
  #case-live .pc-welcome h3{font-size:20px;line-height:1.2;margin:9px 0 12px}
  #case-live .pc-welcome p{font-size:14px;line-height:1.5;margin-bottom:16px}
  #case-live .pc-portrait{height:clamp(190px,42vw,260px)}
  #case-live .pc-foot{position:absolute;inset:auto 0 0;margin:0;padding:10px 10px 9px;border:0;background:transparent}
  #case-live .pc-dock{gap:6px}
  #case-live .pc-menu{width:36px;height:36px}
  #case-live .pc-pill{min-height:42px}
  #case-live .pc-mic,#case-live .pc-send{width:32px;height:32px;min-width:32px;min-height:32px;flex-basis:32px;padding:0}
  #case-live .pc-powered{display:grid;justify-items:center;gap:4px;margin-top:6px}
  #case-live .pc-powered-chip,#case-live .pc-legal-chip{min-height:21px;padding:3px 6px;font-size:8px;line-height:1.2;letter-spacing:0}
  #case-live .pc-powered-chip small,#case-live .pc-legal-chip button{font-size:8px;line-height:1.2}
  #case-live .pc-powered-chip b{font-size:12px}
  #case-live .pc-legal-chip{width:fit-content;max-width:100%;gap:0 3px;flex-wrap:nowrap;white-space:nowrap}
  #case-live .pc-legal-chip button{padding:0;min-height:0}
  .case-context{display:block}
  .case-context-section--plain{min-height:220px;padding-block:42px}
  .case-context--plain .case-needs p{padding-block:5px}
  .case-context h2,.case-experience .section-head h2,.case-outcomes h3,.next-case h2{font-size:28px}
  .case-context .lead{margin-top:22px}
  .case-context .lead,.case-needs p,.case-experience .section-head>p,.case-outcomes p{font-size:16px}
  .journal-index{background:#fafafa;color:#201e1c;padding-top:0}
  .journal-feature{display:flex;flex-direction:column-reverse;background:transparent;color:#201e1c;border:0;border-radius:0}
  .journal-feature-image{min-height:0;height:250px;border-radius:12px;overflow:hidden}
  .journal-feature-copy{padding:32px 0 24px}
  .journal-feature-copy h2{font-size:clamp(42px,10.2vw,57px);line-height:1.04;letter-spacing:-.06em}
  .journal-tools{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .journal-filters{display:flex;flex-wrap:wrap;gap:8px}
  .journal-search{width:100%}
  .article-page{padding-top:0;background:#fafafa}
  .article-page>.shell{width:100%}
  .article-heading{max-width:none;margin:0;padding:115px var(--mobile-gutter) 32px;background:linear-gradient(#1a1816,#242321);color:#fff}
  .article-heading h1{font-size:clamp(47px,11vw,63px);line-height:1.04;letter-spacing:-.06em;margin-top:22px}
  .article-heading h1 .article-title-accent{display:block;color:#ff745e}
  .article-heading>p{font-size:18px;line-height:1.45;color:#ccc}
  .article-byline{flex-wrap:wrap;gap:14px}
  .article-cover{height:390px;border-radius:0;object-fit:cover}
  .article-mobile-toc{margin:0;padding:17px var(--mobile-gutter);background:#23211f;color:#fff;border:0}
  .article-layout,.related-stories{padding-inline:var(--mobile-gutter)}
  .article-body{font-size:18px;line-height:1.66}
  .article-body h2{font-size:clamp(36px,9vw,50px);line-height:1.1;letter-spacing:-.04em}
  body[data-route="/about"] .about-panorama{height:390px}
  .story-grid{display:block}
  .about-story .lead{margin-top:22px}
  .principle-grid{grid-template-columns:1fr;gap:14px}
  .pricing-intro{padding-block:115px 35px}
  .pricing-intro h1{font-size:clamp(47px,11vw,62px);line-height:1.03;letter-spacing:-.065em}
  .pricing-intro-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
  .pricing-content{padding-bottom:65px}
  .pricing-controls{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:30px}
  .pricing-mode{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .pricing-mode button{min-width:0;padding-inline:10px}
  .pricing-mode button span{font-size:13px;line-height:1.2}
  .pricing-currency{align-self:flex-end}
  .pricing-mode-caption{display:block}
  .pricing-mode-caption h2{font-size:clamp(34px,8vw,45px);line-height:1.1}
  .mobile-plan-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px;background:#e8e8e8;border-radius:12px;margin:26px 0 17px}
  .mobile-plan-selector button{min-height:44px;border:0;border-radius:9px;background:transparent;font:inherit;font-weight:700;color:#555;cursor:pointer}
  .mobile-plan-selector button.selected{background:#1e1e1d;color:#fff}
  .real-plan-grid{display:block}
  .real-plan{display:none}
  .real-plan.selected{display:block}
  .real-plan-price{font-size:clamp(44px,12vw,62px)}
  .contact-page{width:100%;display:flex;flex-direction:column;gap:0;padding:0 0 65px;background:#1a1816;color:#fff}
  .contact-page:before{content:"";display:block;width:100%;height:230px;background:linear-gradient(180deg,transparent 55%,#1a1816),url('/assets/portal.webp') center 48%/cover no-repeat}
  .contact-copy,.contact-form{width:calc(100% - 44px);margin-inline:auto}
  .contact-copy{padding:26px 0 33px}
  .contact-copy h1{font-size:clamp(50px,12vw,68px);line-height:1.01;letter-spacing:-.06em}
  .contact-copy>p{font-size:18px;line-height:1.5}
  .contact-form{padding:25px 22px;border:1px solid #ffffff30;border-radius:15px;background:#232322}
  .form-pair{display:block}
  .auth-page{display:flex;flex-direction:column;min-height:0}
  .auth-visual{display:block;min-height:0;height:230px;flex:none}
  .auth-visual img{width:100%;height:100%;object-fit:cover;object-position:center 36%}
  .auth-message{position:relative;min-height:0;padding:0;transform:none}
  .auth-message>*{position:absolute;left:-10000px}
  .auth-form-panel{padding:33px var(--mobile-gutter) 42px;display:block}
  .auth-form-inner{width:100%;max-width:none}
  .auth-heading h1{font-size:clamp(45px,11vw,62px);line-height:1.04;letter-spacing:-.055em}
  .not-found{width:100%;max-width:none;min-height:0;padding:115px var(--mobile-gutter) 470px;background:linear-gradient(180deg,#1a1816 0,#1a1816 43%,rgba(26,24,22,.65) 63%,rgba(26,24,22,0) 100%),url('/assets/portal.webp') center bottom/auto 610px no-repeat;color:#fff}
  .not-found-code{font-size:clamp(165px,48vw,255px);letter-spacing:-.09em;margin-inline:-.02em}
  .not-found h1{font-size:clamp(49px,12.4vw,67px);line-height:1.03;letter-spacing:-.06em;margin:22px 0}
  .not-found h1 br{display:block}
  .not-found p{font-size:17px;line-height:1.5;color:#d7d7d7}
  .not-found .btn{display:flex;width:100%;justify-content:center;background:var(--paka-primary-bg)!important;color:var(--paka-primary-ink)!important;margin-block:23px 17px}
  .home-worlds .worlds-explorer{row-gap:27px}
  .home-worlds #world-preview,.home-worlds .worlds-choices{display:none}
  .home-worlds .worlds-explorer-heading h2{margin-bottom:0}
  .home-worlds .worlds-heading-row{display:grid;gap:17px;align-items:start}
  .home-film-scene[data-film-index="6"] .worlds-heading-row>.worlds-all-link{display:none}
  .home-worlds .worlds-mobile-gallery{display:block;grid-column:1;min-width:0;margin-inline:-22px}
  .worlds-mobile-track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-inline:22px;scroll-padding-inline:22px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .worlds-mobile-track::-webkit-scrollbar{display:none}
  .world-mobile-slide{flex:0 0 calc(100vw - 76px);display:block;min-width:0;overflow:hidden;border-radius:12px;background:#1c1f20;color:#fff;scroll-snap-align:start}
  .world-mobile-slide>img{display:block;width:100%;height:clamp(290px,95vw,400px);object-fit:cover}
  .world-mobile-slide-label{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;padding:13px 15px;font-size:17px;line-height:1.35}
  .world-mobile-slide-label>svg{width:19px;height:19px;flex:none}
  .world-mobile-slide:focus-visible{outline:2px solid #ff745e;outline-offset:-3px}
  .world-mobile-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:25px 22px 0}
  .world-mobile-count{display:flex;gap:4px;align-items:baseline;font-size:15px;color:#fff;direction:ltr}
  .world-mobile-count>span:last-child{color:#92989a}
  .home-film-scene[data-film-index="6"] .world-mobile-meta .worlds-mobile-all-link{display:inline-flex;width:max-content;margin:0;padding:7px 0 6px;border-bottom:0;font-size:13px;white-space:nowrap}
  .home-film-scene[data-film-index="6"] .world-mobile-meta .worlds-mobile-all-link svg{width:17px;height:17px}
  .world-mobile-progress{height:3px;margin:10px 22px 0;background:#4c4e4f;overflow:hidden;border-radius:999px}
  .world-mobile-progress>span{display:block;width:100%;height:100%;background:#ff745e;transform:scaleX(.1);transform-origin:left center;transition:transform .18s ease}
}

@media(max-width:600px){
  body[data-route="/use-cases"] .expanded-index .case-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:100%;
    grid-template-columns:none;
    width:calc(100% + 22px);
    gap:12px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    scrollbar-width:none;
    padding-inline-end:44px;
  }
  body[data-route="/use-cases"] .expanded-index .case-grid::-webkit-scrollbar{display:none}
  body[data-route="/use-cases"] .case-card{position:relative;min-width:0;height:420px;scroll-snap-align:start;overflow:hidden;border-radius:14px;background:#171718}
  body[data-route="/use-cases"] .expanded-index .case-card-image{height:100%;min-height:0;border-radius:0}
  body[data-route="/use-cases"] .expanded-index .case-card-image>img{height:70%;object-position:center 48%}
  body[data-route="/use-cases"] .expanded-index .case-card-image:after{background:linear-gradient(to bottom,#0001 0%,transparent 37%,#171718d9 66%,#171718 79%)}
  body[data-route="/use-cases"] .expanded-index .case-card-image>div{inset:auto 18px 64px}
  body[data-route="/use-cases"] .expanded-index .case-card-image>div>span{margin-bottom:7px;font-size:13px;letter-spacing:.01em}
  body[data-route="/use-cases"] .expanded-index .case-card h2{font-size:clamp(21px,6.3vw,27px);line-height:1.08}
  body[data-route="/use-cases"] .case-number{top:16px;inset-inline-start:18px}
  body[data-route="/use-cases"] .case-open{display:none}
  body[data-route="/use-cases"] .expanded-index .case-card-copy{position:absolute;inset:auto 18px 19px;z-index:3;padding:0}
  body[data-route="/use-cases"] .expanded-index .case-card-copy b{font-size:14px;font-weight:600;color:#f1f1f1}
  body[data-route="/use-cases"] .expanded-index .case-card-copy p{display:none}
  body[data-route="/use-cases"] .case-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;color:#a9a9ad}
  body[data-route="/use-cases"] .case-carousel-controls[hidden]{display:none}
  body[data-route="/use-cases"] .case-carousel-dots{display:flex;align-items:center;gap:6px;min-width:0}
  body[data-route="/use-cases"] .case-carousel-dots>span{width:5px;height:5px;flex:none;border-radius:50%;background:#6d6d70}
  body[data-route="/use-cases"] .case-carousel-dots>span.active{width:8px;height:8px;background:var(--orange)}
  body[data-route="/use-cases"] .case-carousel-controls>div{display:flex;align-items:center;gap:8px}
  body[data-route="/use-cases"] .case-carousel-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff45;border-radius:50%;background:transparent;color:#fff}
  body[data-route="/use-cases"] .case-carousel-controls button:disabled{opacity:.35;cursor:default}
  body[data-route="/use-cases"] .case-carousel-controls button svg{width:15px;height:15px}
  body[data-route="/use-cases"] [data-case-step="-1"] svg{transform:rotate(180deg)}
  html[dir="rtl"] body[data-route="/use-cases"] [data-case-step="-1"] svg{transform:none}
  html[dir="rtl"] body[data-route="/use-cases"] [data-case-step="1"] svg{transform:rotate(180deg)}
  body[data-route="/use-cases"] .case-carousel-progress{min-width:42px;color:#fff;font-size:12px;text-align:center}
  body[data-route="/use-cases"] .case-index-toolbar{margin-bottom:20px;padding-bottom:0;border-bottom:0}
  body[data-route="/use-cases"] .case-type-filters{width:calc(100% + 22px);max-width:none;margin-inline-start:0;padding-inline-start:0}
  body[data-route="/use-cases"] .case-disclaimer{margin-top:18px}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.world-mobile-progress>span{transition:none}}
@media(max-width:600px){html[dir=rtl] .world-mobile-count{justify-content:flex-end}html[dir=rtl] .world-mobile-progress>span{transform-origin:right center}}

/* Selected mobile direction: a light manifesto, coral process, and dark action. */
@media(max-width:600px){
  body[data-route="/"] .home-beginning{padding:0;background:var(--white);color:#262422}
  .home-beginning>.shell{display:block;width:100%;max-width:none;gap:0}
  .home-beginning>.shell>div:first-child{padding:56px 22px 0}
  .home-beginning .eyebrow{color:#62605e;font-size:13px;line-height:1.5;letter-spacing:.06em}
  body[data-route="/"] .home-beginning h2{font-size:clamp(48px,13.5vw,58px);line-height:1.02;letter-spacing:-.06em;margin-top:28px}
  .home-beginning h2 span{color:var(--orange)}
  .home-beginning .beginning-right{margin:0;background:var(--white)}
  .home-beginning .beginning-right>p{max-width:none;margin:0;padding:24px 22px 28px;background:transparent;color:#62605e;font-size:17px;line-height:1.58}
  .home-beginning .beginning-process{display:grid;grid-template-columns:45px minmax(0,1fr);gap:0;margin:0;padding:0 22px 28px;background:transparent;color:#262422}
  .home-beginning .beginning-process>span,.home-beginning .beginning-process>p{display:flex;align-items:center;min-height:64px;padding-block:15px;border-bottom:1px solid #2624222e;color:#262422}
  .home-beginning .beginning-process>span{color:var(--orange);font-size:20px;font-weight:600}
  .home-beginning .beginning-process>p{padding-inline-start:16px;border-inline-start:1px solid #2624222e;font-size:16px;line-height:1.25}
  .home-beginning .beginning-process>:nth-last-child(-n+2){border-bottom:0}
  body[data-route="/"] .home-beginning .beginning-right .btn.btn:not(.outline){display:flex;justify-content:center;width:calc(100% - 44px);min-height:56px;margin:4px 22px 0;padding:12px 16px;border:1.5px solid var(--orange);border-radius:11px;background:var(--orange);color:#fff;font-size:15px;font-weight:600;text-align:center;white-space:normal}
  .home-beginning .beginning-right .btn svg{display:none}
  .home-beginning .beginning-right>small{display:block;margin:0;padding:17px 22px 42px;color:#706d69;font-size:13px;text-align:center}
}

/* V10's mobile owner scene: let the photograph lead, then stack the story and activity. */
@media(max-width:600px){
  .owner-immersive{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:320px auto auto;gap:0;min-height:0;padding:0 20px 32px;align-items:start;background:#13110f}
  .owner-immersive>img{position:relative;inset:auto;z-index:0;grid-row:1;width:calc(100% + 40px);max-width:none;height:320px;margin-inline:-20px;object-position:68% 42%}
  .owner-immersive-shade{display:none}
  .owner-immersive-copy{grid-row:2;max-width:none;padding-top:30px}
  .owner-immersive-copy h2{margin:22px 0 18px;font-size:clamp(42px,13vw,54px);letter-spacing:-.045em}
  .owner-immersive-copy>p{max-width:none}
  .owner-live-summary{grid-row:3;max-width:none;margin:28px 0 0}
}

/* Keep standard homepage section titles and kickers on one mobile type scale. */
@media(max-width:600px){
  body[data-route="/"] .home-promise h2,
  body[data-route="/"] .home-worlds .worlds-explorer-heading h2,
  body[data-route="/"] .home-pricing h2{font-size:42px;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
  body[data-route="/"] .home-promise .eyebrow,
  body[data-route="/"] .owner-immersive .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.06em}
}

/* Keep the product's in-page navigation in one swipeable row on phones. */
@media(max-width:600px){
  body[data-route="/product"] .capability-nav{overflow:hidden}
  body[data-route="/product"] .capability-nav>.shell{display:flex;width:100%;max-width:none;min-width:0;flex-wrap:nowrap;justify-content:flex-start;gap:24px;overflow-x:auto;padding-inline:22px;scroll-padding-inline:22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body[data-route="/product"] .capability-nav>.shell::-webkit-scrollbar{display:none}
  body[data-route="/product"] .capability-nav a{flex:0 0 auto;min-height:56px;padding-block:17px;font-size:14px}
}

/* Keep product formats as a compact, swipeable choice row on mobile. */
@media(max-width:600px){
  body[data-route="/product"] .product-catalog .offering-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;width:100%;margin:0;padding:0 0 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body[data-route="/product"] .product-catalog .offering-tabs::-webkit-scrollbar{display:none}
  body[data-route="/product"] .product-catalog .offering-tabs button{flex:0 0 auto;width:auto;height:auto;min-height:42px;padding:8px 12px;border-color:#dadada;border-radius:999px;font-size:13px;line-height:1.25;white-space:nowrap;scroll-snap-align:start}
  body[data-route="/product"] .product-catalog .offering-tabs button>svg{width:17px;height:17px}
}

/* Let the agent examples read as a swipeable sequence on phones. */
@media(max-width:600px){
  body[data-route="/product"] .agent-capability-grid{display:flex;align-items:stretch;gap:12px;width:calc(100% + 22px);margin-inline-end:-22px;padding:0 0 10px;padding-inline-end:22px;border:0;border-radius:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0 22px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body[data-route="/product"] .agent-capability-grid::-webkit-scrollbar{display:none}
  body[data-route="/product"] .agent-capability-grid:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
  body[data-route="/product"] .agent-capability-grid>.agent-capability:nth-child(n){flex:0 0 clamp(260px,80vw,340px);min-width:0;padding:25px;border:1px solid #ffffff24;border-radius:14px;scroll-snap-align:start}
}

/* Keep business-tool examples in one swipeable row, with the plan note below. */
@media(max-width:600px){
  body[data-route="/product"] .business-capabilities>.shell{grid-template-columns:minmax(0,1fr)}
  body[data-route="/product"] .business-capability-rows{display:flex;align-items:stretch;gap:12px;min-width:0;width:calc(100% + 22px);margin-inline-end:-22px;padding:0 0 10px;padding-inline-end:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0 22px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body[data-route="/product"] .business-capability-rows::-webkit-scrollbar{display:none}
  body[data-route="/product"] .business-capability-rows:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
  body[data-route="/product"] .business-capability-rows>article{display:flex;flex:0 0 clamp(260px,80vw,340px);flex-direction:column;gap:20px;min-width:0;padding:24px;border:1px solid #ffffff26;border-radius:14px;background:#1b1917;scroll-snap-align:start}
  body[data-route="/product"] .business-capability-rows article>span{padding:0}
  body[data-route="/product"] .business-capability-rows small{margin-top:20px}
}
@media (max-width: 980px) {
  .mobile-menu a[href="/login"] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-block-start: 18px;
    padding: 14px 22px;
    border: 1px solid #ffffff52;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }

  .mobile-menu a[href="/login"]:hover {
    border-color: #ffffff8f;
    background: #ffffff0d;
  }
}

/* Match the hero's em-based tracking throughout the editorial headings.
   Keep example canvas typography independent from the marketing page. */
:root { --paka-heading-tracking: -.02em; }

/* Include headings revealed by tabs, dialogs and example-canvas states. */
body :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font) !important;
}

body #main :is(h1, h2, h3):not(.paka-canvas *),
body .site-footer :is(h2, h3) {
  letter-spacing: var(--paka-heading-tracking) !important;
}

/* Section and footer headings share the same display weight at every width. */
body #main h1,
body #main h2,
body #main h3,
body .site-footer h2,
body .site-footer h3 {
  font-weight: 700;
}

/* Mobile section hierarchy also uses more open tracking. */
@media (max-width: 600px) {
  body #main h1,
  body #main h2,
  body #main h3 {
    font-weight: 700;
    letter-spacing: -.02em;
  }

  body #main .product-intro-copy h1 {
    font-size: clamp(43px, 10.2vw, 58px);
  }

  body .site-footer .footer-invitation h2 {
    font-size: clamp(34px, 9.9vw, 44px);
    font-weight: 700;
    letter-spacing: -.02em;
  }
}

body #main .expanded-index .case-card h2 {
  font-weight: 600;
  letter-spacing: 0 !important;
}

@media (min-width: 601px) {
  body #main .expanded-index .case-card h2 {
    font-size: 24px;
  }
}

/* Keep the shared desktop header action compact beside the navigation. */
@media (min-width: 981px) {
  .nav .nav-actions > .btn {
    min-height: 40px !important;
    padding: 7px 12px !important;
    gap: 8px !important;
  }
}

/* Give the Product offering example the same compact, page-scrolling canvas chrome. */
@media (max-width: 600px) {
  #offering-stage .paka-canvas .pc-top { min-height: 56px; padding: 8px 11px; gap: 7px; }
  #offering-stage .pc-identity { flex: 1; min-width: 0; gap: 7px; }
  #offering-stage .pc-identity > img { width: 32px; height: 32px; }
  #offering-stage .pc-identity b { font-size: 14px; line-height: 1.1; }
  #offering-stage .pc-identity small { max-width: none; margin-top: 2px; font-size: 13px; line-height: 1.15; }
  #offering-stage .pc-name-full { display: none; }
  #offering-stage .pc-name-short { display: inline; }
  #offering-stage .pc-tools { min-width: 0; gap: 0; }
  #offering-stage .pc-tools-actions { display: flex; gap: 4px; }
  #offering-stage .pc-tools-actions .pc-icon { width: 30px; height: 30px; min-width: 30px; min-height: 30px; }
  #offering-stage .pc-tools-actions .pc-icon svg { width: 15px; height: 15px; }
  #offering-stage .pc-nav { justify-content: space-around; gap: 12px; min-height: 42px; padding: 0 12px; overflow: visible; }
  #offering-stage .pc-nav button { min-height: 42px; padding: 9px 0; font-size: 13px; line-height: 1.2; letter-spacing: 0; text-transform: none; }
  #offering-stage .paka-canvas .pc-body { height: auto; min-height: 0; padding: 14px 14px 18px; overflow: visible; overscroll-behavior: auto; }
  #offering-stage .pc-offering-layout { gap: 16px; }
  #offering-stage .pc-offering-media { height: clamp(145px, 42vw, 180px); }
  #offering-stage .pc-media-caption { display: none; }
  #offering-stage .pc-body .offer-preview h4 { margin: 6px 0 8px; font-size: 26px; line-height: 1.08; }
  #offering-stage .offer-preview > p { font-size: 15px; line-height: 1.45; }
  #offering-stage .offer-options { margin-top: 13px; }
  #offering-stage .offer-options button { min-height: 40px; padding: 7px 12px; }
  #offering-stage .offer-selection { margin-top: 9px; padding: 10px 0; }
  #offering-stage .offer-ui-total { margin-top: 4px; padding-top: 10px; }
  #offering-stage .paka-canvas .pc-foot { position: relative; inset: auto; margin-top: 0; padding: 10px 11px 9px; border-top: 1px solid var(--pc-line); background: var(--pc-bg); }
  #offering-stage .pc-dock { gap: 7px; }
  #offering-stage .pc-menu { width: 34px; height: 34px; min-width: 34px; min-height: 34px; }
  #offering-stage .pc-pill { min-height: 43px; padding: 3px 4px 3px 10px; }
  #offering-stage .pc-pill input { font-size: 14px; }
  #offering-stage .pc-pill input::placeholder { font-size: 13px; }
  #offering-stage .pc-mic { width: 29px; min-width: 29px; }
  #offering-stage .pc-send { width: 35px; height: 35px; min-width: 35px; min-height: 35px; flex-basis: 35px; }
  #offering-stage .pc-powered { margin-top: 7px; }
}

/* Product offer canvas follows the compact physical-product layout reference. */
@media (max-width: 600px) {
  #offering-stage .paka-canvas {
    min-height: 0;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgb(46 36 28 / 16%);
  }

  #offering-stage .paka-canvas .pc-body {
    height: auto;
    min-height: 0;
    padding: 12px 12px 164px;
    overflow: hidden;
  }

  #offering-stage .pc-offering-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  #offering-stage .pc-offering-media {
    height: clamp(132px, 43vw, 168px);
    border-radius: 12px;
  }

  #offering-stage .pc-offering-media > img {
    object-position: center 48%;
  }

  #offering-stage .offer-preview {
    display: grid;
    gap: 0;
    padding: 0 2px;
  }

  #offering-stage .offer-ui-kicker {
    margin: 0 0 5px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .075em;
  }

  #offering-stage .pc-body .offer-preview h4 {
    margin: 0 0 5px;
    font-size: clamp(25px, 8.8vw, 31px);
    line-height: 1.02;
    letter-spacing: -.035em;
  }

  #offering-stage .offer-preview > p {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
  }

  #offering-stage .offer-options {
    display: flex;
    gap: 7px;
    margin: 11px 0 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  #offering-stage .offer-options::-webkit-scrollbar { display: none; }

  #offering-stage .offer-options button {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 13px;
  }

  #offering-stage .offer-selection {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    margin: 9px 0 0;
    padding: 8px 10px;
    border-radius: 12px;
  }

  #offering-stage .offer-selection .material-swatch {
    width: 38px;
    height: 38px;
  }

  #offering-stage .offer-selection b {
    font-size: 14px;
    line-height: 1.2;
  }

  #offering-stage .offer-selection small {
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.25;
  }

  #offering-stage .offer-selection > svg {
    width: 17px;
    height: 17px;
  }

  #offering-stage .offer-ui-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    margin-top: 8px;
    padding-top: 7px;
  }

  #offering-stage .offer-ui-total > span { font-size: 11px; }
  #offering-stage .offer-ui-total strong { font-size: 22px; }

  #offering-stage .paka-canvas .pc-foot {
    position: absolute;
    inset: auto 0 0;
    z-index: 30;
    margin: 0;
    padding: 30px 8px 7px;
    border: 0;
    background: linear-gradient(transparent, var(--pc-bg) 28%);
  }

  #offering-stage .pc-dock { gap: 6px; }
  #offering-stage .pc-menu {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 12px;
  }

  #offering-stage .pc-pill {
    min-height: 42px;
    padding: 3px 4px 3px 9px;
    gap: 1px;
  }

  #offering-stage .pc-pill input,
  #offering-stage .pc-pill input::placeholder { font-size: 12px; }

  #offering-stage .pc-mic,
  #offering-stage .pc-send {
    width: 29px;
    height: 29px;
    min-width: 29px;
    min-height: 29px;
    flex-basis: 29px;
  }

  #offering-stage .pc-powered {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 4px;
    margin-top: 5px;
  }

  #offering-stage .pc-powered-chip,
  #offering-stage .pc-legal-chip {
    min-height: 20px;
    padding: 3px 6px;
    white-space: nowrap;
  }

  #offering-stage .pc-legal-chip {
    width: fit-content;
    max-width: 100%;
    flex-wrap: nowrap;
  }

  #offering-stage .pc-legal-chip > * {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  #offering-stage .pc-powered-chip small,
  #offering-stage .pc-legal-chip,
  #offering-stage .pc-legal-chip button {
    font-size: 6.5px;
    line-height: 1;
    letter-spacing: .015em;
  }

  #offering-stage .pc-powered-chip b { font-size: 11px; }
}

/* Match the new editorial product catalog on narrow screens. */
@media(max-width:600px){
  body[data-route="/product"] .product-catalog .offering-tabs{gap:0;padding:0;border-bottom:1px solid #ddd}
  body[data-route="/product"] .product-catalog .offering-tabs button{flex:0 0 135px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;width:135px;min-height:88px;padding:8px 10px 16px 0;border:0;border-radius:0;white-space:normal;font-size:13px;line-height:1.2}
  body[data-route="/product"] .product-catalog .offering-tabs button>svg{width:19px;height:19px}
  body[data-route="/product"] #offering-stage .catalog-feature[data-offering-id="products"] .offer-ui-total,
  body[data-route="/product"] #offering-stage .catalog-feature[data-offering-id="products"] .offer-ui-kicker{display:none}
}

/* Use case cards stay in one horizontal track at every viewport size. */
@media(min-width:601px){
  body[data-route="/use-cases"] .expanded-index .case-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 48px)/3);
    grid-template-columns:none;
    gap:24px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body[data-route="/use-cases"] .expanded-index .case-grid::-webkit-scrollbar{display:none}
  body[data-route="/use-cases"] .expanded-index .case-card{min-width:0;scroll-snap-align:start}
  body[data-route="/use-cases"] .expanded-index .case-card-image:after{
    background:linear-gradient(180deg,#0001 0%,#0003 42%,#000b 72%,#000f 100%);
  }
}
@media(min-width:601px) and (max-width:1000px){
  body[data-route="/use-cases"] .expanded-index .case-grid{grid-auto-columns:calc((100% - 24px)/2)}
}
body[data-route="/use-cases"] .case-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;color:#a9a9ad}
body[data-route="/use-cases"] .case-carousel-controls[hidden]{display:none}
body[data-route="/use-cases"] .case-carousel-dots{display:flex;align-items:center;gap:7px;min-width:0}
body[data-route="/use-cases"] .case-carousel-dots>span{width:6px;height:6px;flex:none;border-radius:50%;background:#6d6d70}
body[data-route="/use-cases"] .case-carousel-dots>span.active{width:8px;height:8px;background:var(--orange)}
body[data-route="/use-cases"] .case-carousel-controls>div{display:flex;align-items:center;gap:10px}
body[data-route="/use-cases"] .case-carousel-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff45;border-radius:50%;background:transparent;color:#fff}
body[data-route="/use-cases"] .case-carousel-controls button:disabled{opacity:.35;cursor:default}
body[data-route="/use-cases"] .case-carousel-controls button svg{width:16px;height:16px}
body[data-route="/use-cases"] [data-case-step="-1"] svg{transform:rotate(180deg)}
html[dir="rtl"] body[data-route="/use-cases"] [data-case-step="-1"] svg{transform:none}
html[dir="rtl"] body[data-route="/use-cases"] [data-case-step="1"] svg{transform:rotate(180deg)}
body[data-route="/use-cases"] .case-carousel-progress{min-width:42px;color:#fff;font-size:12px;text-align:center}
@media(min-width:601px){body[data-route="/use-cases"] .case-carousel-progress{min-width:72px}}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-open{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
}
body[data-route="/use-cases"] .case-open svg{
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-open svg{
  transform:translate(3px,-3px);
}
@media(prefers-reduced-motion:reduce){
  body[data-route="/use-cases"] .case-open svg{transition:none}
  body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-open svg{transform:none}
}
body[data-route="/use-cases"] .expanded-index .case-card-copy b{color:var(--orange)}
/* Each use-case symbol responds to the card while its position stays fixed. */
body[data-route="/use-cases"] .case-number svg{transform-origin:center;transform-box:view-box}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="heart"] svg{animation:case-heartbeat 1.5s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="wave"] svg path{transform-origin:center;transform-box:fill-box;animation:case-sound 1.1s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="wave"] svg path:nth-child(2n){animation-delay:-.35s}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="wave"] svg path:nth-child(3){animation-delay:-.7s}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="compass"] svg path{transform-origin:12px 12px;animation:case-needle 2s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="tools"] svg{animation:case-tool-turn 1.8s ease-in-out infinite}
body[data-route="/use-cases"] .case-number[data-case-icon="scissors"] svg g{transform-box:view-box;transform-origin:12px 12px}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-scissor-half-a{animation:case-scissor-close-a 1.3s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-scissor-half-b{animation:case-scissor-close-b 1.3s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="utensils"] svg path:first-child{animation:case-utensil-up 1.7s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="utensils"] svg path:last-child{animation:case-utensil-down 1.7s ease-in-out infinite}
body[data-route="/use-cases"] .case-number[data-case-icon="people"] svg :is(circle,path){transform-box:fill-box;transform-origin:center}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="people"] svg circle{animation:catalog-people-gather 1.9s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="people"] svg path{animation:catalog-people-rise 1.9s ease-in-out infinite}
body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number[data-case-icon="file"] svg{animation:case-page-turn 1.8s ease-in-out infinite}
@keyframes case-heartbeat{0%,55%,100%{transform:scale(1)}12%{transform:scale(1.16)}24%{transform:scale(.98)}36%{transform:scale(1.1)}}
@keyframes case-sound{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1.15)}}
@keyframes case-needle{0%,100%{transform:rotate(-20deg)}45%{transform:rotate(22deg)}}
@keyframes case-tool-turn{0%,100%{transform:rotate(0)}35%{transform:rotate(-16deg)}65%{transform:rotate(9deg)}}
@keyframes case-scissor-close-a{0%,100%{transform:rotate(0)}45%,58%{transform:rotate(-18deg)}}
@keyframes case-scissor-close-b{0%,100%{transform:rotate(0)}45%,58%{transform:rotate(18deg)}}
@keyframes case-utensil-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes case-utensil-down{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@keyframes case-page-turn{0%,100%{transform:rotate(0)}40%{transform:rotate(8deg) translateX(1px)}}
@media(prefers-reduced-motion:reduce){
  body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number svg,
  body[data-route="/use-cases"] .case-card:is(:hover,:focus-visible) .case-number svg *{animation:none!important}
}