/* Atashi marketing pages: shared styles. Ported from the reviewed v10 draft, 2026-09-30 (Green kit pass). Colours come ONLY from /tokens.css. */
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2');font-weight:200 800;font-display:swap}
/* Hero polish: preserve its dimensions; ease the artwork into either theme. */
html body .hero-stage{border:0;border-radius:24px;box-shadow:none;isolation:isolate}
html body .hero-stage:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 32px 12px var(--base);background:linear-gradient(to bottom,transparent 66%,var(--base) 100%)}
html body .hero-stage img{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
html body .stage-label{z-index:1;background:color-mix(in srgb,var(--base) 72%,transparent);color:var(--cream);border-radius:24px;backdrop-filter:blur(12px)}
/* Full-width character artwork, gently feathered into the page. */
html body .hero-stage img{aspect-ratio:16/8;object-fit:cover;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
html body .hero-stage:after{box-shadow:inset 0 0 40px 15px var(--base);background:linear-gradient(to bottom,var(--base),transparent 10%,transparent 72%,var(--base))}
html body .stage-label{display:none}
.agent-lineup{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}
.agent-lineup figure{margin:0;text-align:center}
.agent-lineup img{height:300px;width:100%;object-fit:contain;object-position:center bottom}
.agent-lineup figcaption{padding-top:16px;font-size:15px;font-weight:650}
@media(max-width:700px){.agent-lineup{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.agent-lineup img{height:210px}.agent-lineup figcaption{font-size:13.5px}}
.team-lineup-original{margin:28px auto 0;max-width:1120px;background:radial-gradient(ellipse at 50% 65%,var(--orange-tint),transparent 68%)}
.team-lineup-original img{display:block;width:100%;height:auto}
.team-lineup-names{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:12px 5% 0 8%;text-align:center;font-size:15px;font-weight:650}
@media(max-width:560px){.team-lineup-names{font-size:11.5px;gap:3px}.team-lineup-names span{max-width:48px;justify-self:center}}
.home-agent-team{margin:48px auto 0;max-width:1150px}
.home-agent-team h2{font-size:24px;letter-spacing:-.025em;margin-bottom:8px}
.home-agent-team .team-lineup-original{margin-top:0}
/* Navigation: a less geometric, more readable face at small sizes. */
html body .navlinks a,html body .mobile-menu-panel a{font-family:Manrope,sans-serif;font-size:15px;font-weight:500;letter-spacing:normal}
html body .mobile-menu-panel a{padding:12px 0}
@media(min-width:901px) and (max-width:1250px){html body .navlinks{gap:14px}html body .nav{gap:14px;padding-left:20px;padding-right:20px}}
html body details summary:after{content:'';font-family:inherit;width:9px;height:9px;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:5px 5px 0 15px}html body details[open] summary:after{content:'';transform:rotate(225deg);margin-top:10px}
@font-face{font-family:Material;src:url('/fonts/material-symbols-outlined-atashi.woff2');font-display:block}
.mobile-menu .icon{font-size:0;width:17px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.mobile-menu .icon:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--cream);background:var(--base);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}p{color:var(--cream-70)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,6.1vw,86px);font-weight:700;line-height:1.08;letter-spacing:-.055em;margin-bottom:28px}h2{font-size:clamp(30px,3.8vw,50px);font-weight:650;line-height:1.14;letter-spacing:-.045em;margin-bottom:24px}h3{font-size:24px;line-height:1.3;letter-spacing:-.025em}em{font-style:normal;color:var(--orange)}.icon{font-family:Material;font-weight:normal;font-style:normal;line-height:1;font-size:24px;letter-spacing:normal;text-transform:none}.container{max-width:1240px;margin:auto;padding:0 36px}header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--base),transparent 5%);border-bottom:1px solid var(--hairline);backdrop-filter:blur(20px)}.nav{display:flex;align-items:center;gap:22px;min-height:78px;max-width:1450px;margin:auto;padding:0 30px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-.05em;white-space:nowrap}.brand img{width:28px}.navlinks{display:flex;gap:22px;margin:auto;align-items:center}.navlinks a{font-size:12px;color:var(--cream-70);padding:27px 0;border-bottom:2px solid transparent;white-space:nowrap}.navlinks a[aria-current=page]{color:var(--cream);border-bottom-color:var(--orange)}.navtools{display:flex;gap:10px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border:1px solid var(--hairline-strong);border-radius:12px;font-size:13.5px;font-weight:700;color:var(--cream);background:var(--elevated);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:var(--on-hero);border-color:var(--orange);box-shadow:0 0 30px var(--orange-tint)}.iconbutton{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--hairline);background:var(--elevated);color:var(--cream);border-radius:50%}.mobile-menu{display:none}.eyebrow{font-size:11.5px;letter-spacing:.19em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:20px}.hero{padding:70px 0 35px;position:relative;background:radial-gradient(ellipse at 50% 25%,var(--orange-tint),transparent 64%)}.center{text-align:center}.hero .lede{max-width:690px;margin:0 auto 26px;font-size:17px}.hero-brand{justify-content:center;font-size:24px;margin:25px 0 22px}.status{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;letter-spacing:.1em;border:1px solid var(--hairline);padding:6px 13px;border-radius:99px;background:var(--elevated);color:var(--cream-70)}.status:before{content:'';height:6px;width:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 15px var(--orange)}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-stage{position:relative;margin:48px auto 0;max-width:1150px;border:1px solid var(--hairline-strong);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #0003}.hero-stage img{width:100%;aspect-ratio:16/8;object-fit:cover}.stage-label{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;border-radius:12px;background:#131314dc;color:#e3e3e3;backdrop-filter:blur(18px);font-size:11.5px}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--c)}.providerbar{display:flex;justify-content:center;align-items:center;gap:40px;padding:30px 0;font-size:20px;letter-spacing:-.03em}.providerbar small{font-size:11.5px;letter-spacing:.1em;color:var(--cream-60)}section{padding:78px 0}.rule{border-top:1px solid var(--hairline)}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.sectionhead h2{max-width:630px;margin-bottom:0}.sectionhead p{max-width:360px;margin-bottom:0;font-size:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2,.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.tile{padding:28px;background:linear-gradient(135deg,var(--elevated),var(--base));border:1px solid var(--hairline);border-radius:16px}.tile .icon{color:var(--orange);font-size:30px;display:inline-block;margin-bottom:30px}.tile p{font-size:15px;margin-bottom:0}.tile h3{margin-bottom:13px}.textlink{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--orange);font-weight:700;margin-top:23px}.editorial-image{width:100%;border-radius:16px}.editorial{padding:35px 0}.editorial p{font-size:17px}.label{font-size:11.5px;color:var(--cream-60)}.statement{font-size:clamp(28px,3.5vw,48px);line-height:1.3;letter-spacing:-.035em;max-width:940px;margin:auto;text-align:center}.footer-cta{padding:60px 30px;margin:0 0 60px;border-radius:24px;border:1px solid var(--hairline);background:radial-gradient(ellipse at top,var(--orange-tint),var(--elevated));text-align:center}.footer-cta h2{max-width:720px;margin:0 auto 25px}.footer{border-top:1px solid var(--hairline);padding:40px 0 25px}.footer-row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.footer small{color:var(--cream-60);font-size:11.5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:35px}.pagehero{padding:70px 0 48px;background:radial-gradient(ellipse at 70% 0,var(--orange-tint),transparent 60%)}.pagehero h1{max-width:980px}.pagehero p{max-width:670px;font-size:20px}.breadcrumb{font-size:11.5px;color:var(--cream-60);margin-bottom:35px}.breadcrumb a{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hairline-strong);border-radius:99px;padding:5px 12px;font-size:11.5px;color:var(--orange)}.timeline{counter-reset:steps}.step{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:30px 0;border-top:1px solid var(--hairline)}.step:before{counter-increment:steps;content:'0' counter(steps);font-size:24px;color:var(--orange)}.step h3{margin-bottom:10px}.step p{max-width:800px;margin:0;font-size:15px}.annotation{font-size:11.5px!important;border-left:2px solid var(--orange);padding:12px 16px;background:var(--orange-tint);color:var(--cream-70)}.role-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.role-pills span{padding:9px 15px;border:1px solid var(--hairline);border-radius:24px;font-size:12px}.product-art{height:470px;overflow:hidden;border-radius:24px;background:var(--ground)}.product-art img{width:100%;height:100%;object-fit:contain}.mini-office{height:145px;background:linear-gradient(160deg,var(--ground),var(--elevated));border:1px solid var(--hairline);border-radius:12px;margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;position:relative}.desk{border:1px solid var(--hairline-strong);border-radius:5px;background:var(--orange-tint);position:relative}.desk:before{content:'';position:absolute;left:30%;right:30%;top:7px;height:12px;border:1px solid var(--orange);border-radius:2px}.desk:after{content:'';position:absolute;width:9px;height:9px;bottom:5px;left:calc(50% - 4px);background:var(--c);border-radius:50%}.plan:nth-child(2) .mini-office{box-shadow:inset 0 0 45px var(--orange-tint)}.plan:nth-child(3) .mini-office{box-shadow:inset 0 0 90px var(--orange-tint)}.plan{display:flex;flex-direction:column}.plan h3{margin:0}.plan.featured{border-color:var(--orange)}.amount{font-size:48px;letter-spacing:-.06em;margin:13px 0 0;line-height:1.25}.amount small{font-size:15px;letter-spacing:0}.tax{font-size:12px;margin:6px 0 16px;color:var(--cream-70)}.plan p{font-size:13.5px}.plan .button{margin-top:auto}.table-scroll{overflow:auto;border:1px solid var(--hairline);border-radius:16px}table{border-collapse:collapse;width:100%;min-width:650px;font-size:13.5px}caption{text-align:left;padding:20px;font-size:12px;color:var(--cream-70)}th,td{padding:19px;border-bottom:1px solid var(--hairline);text-align:center}th:first-child,td:first-child{text-align:left}thead{background:var(--elevated)}td .icon{font-size:20px;color:var(--orange)}.teamcard{border:1px solid var(--hairline);border-radius:24px;overflow:hidden;background:var(--elevated)}.portrait{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 100%,var(--orange-tint),var(--ground));font-size:60px;letter-spacing:-.05em;color:var(--orange)}.portrait small{position:absolute;bottom:15px;font-size:11.5px;letter-spacing:.12em;color:var(--cream-50)}.teamtext{padding:28px}.teamtext h3{margin-bottom:6px}.teamtext p{font-size:15px}.team-role{font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--orange);margin-bottom:20px}.values{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.value{padding:30px 0;border-top:1px solid var(--hairline)}.value h3{font-size:24px}.value p{font-size:15px}details{padding:21px 0;border-bottom:1px solid var(--hairline)}summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-weight:650}summary::-webkit-details-marker{display:none}summary:after{font-family:Material;content:'expand_more'}details[open] summary:after{content:'expand_less'}details p{font-size:15px;margin-top:18px;max-width:820px}.contact{background:var(--elevated);border:1px solid var(--hairline);border-radius:24px;padding:35px}.contact a{word-break:break-word;color:var(--orange)}.quote{border-left:2px solid var(--orange);padding:5px 0 5px 28px;font-size:24px;color:var(--cream);line-height:1.5}.reveal{animation:enter .7s ease both}@keyframes enter{from{opacity:.65;transform:translateY(15px)}to{opacity:1;transform:none}}.flow-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.flow-tabs button[aria-pressed=true]{background:var(--orange);color:var(--on-hero)}.workflow{border:1px solid var(--hairline);border-radius:24px;padding:35px;background:var(--ground)}.workflow .ask{font-size:24px;color:var(--cream);margin-bottom:30px}.reply{display:flex;gap:15px;margin:23px 0}.reply b{font-size:12px}.reply p{font-size:13.5px;margin:5px 0}.agent-dot{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--c);color:#131314;display:grid;place-items:center;font-size:11.5px;font-weight:800}.mobile-menu-panel[hidden]{display:none}.mobile-menu-panel{padding:10px 25px 20px}.mobile-menu-panel a{display:block;padding:9px 0;font-size:15px}.skip{position:absolute;top:-100px;left:10px}.skip:focus{top:10px;z-index:100;background:var(--base);padding:10px}
@media(max-width:1080px){.navlinks{gap:13px}.nav{padding:0 20px;gap:16px}.navlinks a{font-size:11.5px}.navtools .button{padding:10px 13px}}@media(max-width:900px){.navlinks{display:none}.navtools{margin-left:auto}.mobile-menu{display:grid}.grid3{grid-template-columns:1fr}.grid2,.split{grid-template-columns:1fr;gap:30px}.sectionhead{display:block}.sectionhead p{max-width:600px;margin-top:20px}.plan p{min-height:0}.mini-office{max-width:400px;width:100%}.values{gap:0 25px}.hero-stage{margin-top:30px}.hero-stage img{aspect-ratio:4/3}.providerbar{gap:25px}}@media(max-width:560px){.container{padding:0 22px}.nav{min-height:68px;padding:0 18px}.brand{font-size:20px}.navtools{gap:7px}.navtools .button{font-size:11.5px;padding:10px 12px}.iconbutton{width:33px;height:33px}.hero,.pagehero{padding-top:45px}h1{font-size:48px}.hero h1{font-size:48px}.hero .lede,.pagehero p{font-size:15px}.hero-brand{font-size:24px}.providerbar{gap:20px;flex-wrap:wrap;font-size:17px}.providerbar small{width:100%;text-align:center}.stage-label{left:10px;right:10px;bottom:10px;padding:10px;font-size:11.5px}.stage-label .dots{display:none}section{padding:55px 0}.values{grid-template-columns:1fr}.tile,.teamtext{padding:24px}.step{grid-template-columns:35px 1fr;gap:15px}.workflow{padding:23px}.footer-cta{padding:40px 20px}.footer-bottom{display:block}.footer-bottom small{display:block;margin-top:10px}.product-art{height:400px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.button{transition:none}}

/* ===== Green kit layer, 2026-09-30: Atashi harbour-kit .k-btn spec (frontend/src/styles/harbour-kit.css on main).
   Wins by source order AND specificity. Buttons 40px pill, Manrope 13.5/800; phones 44px targets. ===== */
html body .button, html body .navtools .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:40px;min-width:44px;padding:0 18px;border-radius:99px;font-family:Manrope,sans-serif;font-size:13.5px;
  font-weight:800;letter-spacing:.01em;line-height:1;white-space:nowrap;transform:none}
html body .button:hover{transform:none;filter:brightness(1.08)}
html body .button:active{transform:scale(.985);filter:brightness(.95)}
html body .button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 45%, transparent)}
html[data-theme="light"] body .button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 35%, transparent)}
html body .iconbutton{width:40px;height:40px}
@media (max-width:760px){
  html body .button, html body .navtools .button{height:44px;font-size:13.5px}
  html body .iconbutton{width:44px;height:44px}
  html body .navlinks a, html body footer a, html body .mobile-menu-panel a{display:inline-flex;align-items:center;min-height:44px}
}
@media (prefers-reduced-motion:reduce){html body .button{transition:none}html body .button:active{transform:none}}
/* Green kit layer, part 2: tokens.css roles, --font-display Manrope (headings, labels, buttons), --font-sans Inter (body). */
@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
html body{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
html body :is(h1,h2,h3,h4,h5,h6,.kicker,.brand,.navlinks,.navlinks a,.button,.pill,.price,.plan-label,summary,th,label,.number){font-family:Manrope,ui-sans-serif,system-ui,sans-serif}
@media (max-width:760px){html body .brand, html body summary{min-height:44px;display:flex;align-items:center}}
@media (max-width:760px){html body .textlink, html body a[href^="mailto:"], html body a[href="/"]:not(.brand){display:inline-flex;align-items:center;min-height:44px}}
/* Action icons must not inherit the decorative tile icon's 30px bottom margin. */
html body :is(.button,.textlink) > .icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1em;height:1em;margin:0;padding:0;font-size:20px;line-height:1;color:inherit;vertical-align:middle}
/* Green kit layer, part 4: display headings breathe and break evenly (tight -.05em tracking collided words at 1440). */
html body :is(h1,h2){letter-spacing:-.025em;text-wrap:balance}
html body h3{letter-spacing:-.01em;text-wrap:balance}

/* The six agent identity colours (marketing tints). tokens.css defines --red/--blue/--green but not all six, so they live here ONCE.
   TOKEN GAP: move to tokens.css with light-theme pairs when the app adopts them. */
html{--agent-red:#FF8A85;--agent-blue:#ACC8E5;--agent-green:#7FD4BE;--agent-purple:#B4A0E0;--agent-pink:#ED92C2;--agent-yellow:#E8C268}

[data-agent=red]{--c:var(--agent-red)}[data-agent=blue]{--c:var(--agent-blue)}[data-agent=green]{--c:var(--agent-green)}[data-agent=purple]{--c:var(--agent-purple)}[data-agent=pink]{--c:var(--agent-pink)}[data-agent=yellow]{--c:var(--agent-yellow)}

/* Home hero provider labels (carried from the pre-2026-09-30 home; home.css set them at 9-10px): kit floor 11.5px. */
html[data-page="home"] .hero-agent-provider, html[data-page="home"] .hero-provider-legend__item strong, html[data-page="home"] .hero-provider-legend__item small, html[data-page="home"] .workmode-engine{font-size:11.5px}
/* The home page still runs home.ts, which stamps data-route="landing"; style.css's landing text halo (built for the
   old streak background, in retired Harbour navy) would blur every heading and paragraph here. Off for the home. */
html[data-page="home"][data-route="landing"]:is(.dark,:not(.dark)) body :is(main,nav) :is(h1,h2,h3,h4,p,span,label,a){text-shadow:none}
/* Phone/tablet navigation: separate full-width rows, never inline link text. */
@media(max-width:1100px){
  html body .navlinks{display:none}
  html body .navtools{margin-left:auto}
  html body .mobile-menu{display:grid}
  html body .mobile-menu-panel:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);gap:6px;position:absolute;top:100%;left:12px;right:12px;padding:12px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;background:var(--base);border:1px solid var(--hairline-strong);border-radius:16px;box-shadow:0 16px 32px #0003}
  html body .mobile-menu-panel a{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 16px;margin:0;border:1px solid var(--hairline);border-radius:10px;background:var(--elevated);color:var(--cream);font-size:15px;line-height:1.4}
  html body .mobile-menu-panel a:hover,html body .mobile-menu-panel a[aria-current=page]{background:var(--orange-tint);border-color:var(--orange);color:var(--cream)}
  html body .mobile-menu[aria-expanded=true] .icon{border:0;height:17px}
  html body .mobile-menu[aria-expanded=true] .icon:before,html body .mobile-menu[aria-expanded=true] .icon:after{content:'';position:absolute;left:0;top:8px;width:17px;height:0;border-top:2px solid currentColor;transform:rotate(45deg)}
  html body .mobile-menu[aria-expanded=true] .icon:after{transform:rotate(-45deg)}
}
@media(min-width:1101px){html body .mobile-menu-panel{display:none}}