:root{
  /* ===== OpenCode neutral palette — light is the default ===== */
  /* Surfaces */
  --amar-bg:hsl(0 20% 99%);
  --amar-bg2:hsl(0 8% 97%);
  --amar-bg3:hsl(0 8% 97%);
  --amar-card:hsl(0 8% 94%);
  --amar-card-2:hsl(0 8% 94%);
  --amar-sunken:hsl(0 8% 97%);
  --amar-glass:color-mix(in srgb,var(--amar-bg) 86%,transparent);
  --amar-border:hsl(30 2% 81%);
  --amar-border-strong:hsl(0 1% 60%);
  --amar-hair:color-mix(in srgb,var(--amar-ink) 12%,transparent);
  /* Text */
  --amar-text:hsl(0 1% 39%);--amar-muted:hsl(0 1% 39%);--amar-faint:hsl(0 1% 60%);
  /* Ink — high-contrast fills: primary buttons, avatars, numerals */
  --amar-ink:hsl(0 5% 12%);--amar-ink-hover:hsl(0 5% 18%);--amar-inverted:hsl(0 20% 99%);
  /* Interactive — the pale wash for highlights and active states */
  --amar-accent:hsl(62 84% 88%);
  --amar-accent-h:hsl(62 84% 82%);
  --amar-accent-ink:hsl(0 5% 12%);
  --amar-accent-soft:color-mix(in srgb,var(--amar-accent) 55%,transparent);
  --amar-accent-line:color-mix(in srgb,var(--amar-accent) 80%,transparent);
  /* Status */
  --amar-success:#30d158;--amar-warning:#b26a00;--amar-star:#c77700;
  --amar-danger:#d70015;--amar-danger-soft:color-mix(in srgb,var(--amar-danger) 10%,transparent);
  /* Code syntax */
  --amar-token-t:#0550ae;--amar-token-a:#8250df;--amar-token-s:#116329;
  /* Illustrative previews keep their own dark canvas in both modes */
  --amar-mock-bg:#0b0b0c;
  /* Radii — OpenCode is nearly square */
  --amar-r-xs:2px;--amar-r-sm:4px;--amar-r-md:4px;--amar-radius:6px;--amar-r-lg:6px;--amar-r-xl:14px;--amar-r-pill:999px;
  /* Elevation — flat by design */
  --amar-shadow-1:none;--amar-shadow-2:none;--amar-shadow-3:none;--amar-shadow-4:none;
  --amar-glow:none;--amar-glow-strong:none;
  /* Gradient tokens stay for compatibility, mapped to flat values */
  --amar-grad-text:linear-gradient(0deg,var(--amar-text),var(--amar-text));
  --amar-grad-border:linear-gradient(0deg,var(--amar-hair),var(--amar-hair));
  --amar-grad-btn:var(--amar-ink);
  --amar-grad-btn-h:var(--amar-ink-hover);
  /* Motion */
  --amar-ease:cubic-bezier(.22,1,.36,1);--amar-ease-soft:cubic-bezier(.4,0,.2,1);
  --amar-dur-1:.16s;--amar-dur-2:.28s;--amar-dur-3:.5s;
  /* Type — IBM Plex Mono for Latin, Hind Siliguri for Bangla */
  --amar-font-display:"IBM Plex Mono","Hind Siliguri",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --amar-font:"IBM Plex Mono","Hind Siliguri",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --amar-font-mono:var(--amar-font);
  --amar-fs-display:clamp(1.375rem,4vw,2.375rem);
  --amar-fs-h2:clamp(1.25rem,2vw,1.375rem);
  --amar-tracking-tight:0;--amar-tracking-wide:.08em;
  /* Layout */
  --amar-wrap:1180px;--amar-gutter:20px;--amar-header-h:66px;--amar-section-y:clamp(2.5rem,5vw,4rem);
  color-scheme:light;
}
/* Admin-selected dark mode — server-rendered, so there is never a flash. */
html[data-mode="dark"]{
  --amar-bg:hsl(0 9% 7%);
  --amar-bg2:hsl(0 6% 10%);
  --amar-bg3:hsl(0 6% 10%);
  --amar-card:hsl(0 6% 15%);
  --amar-card-2:hsl(0 6% 15%);
  --amar-sunken:hsl(0 6% 10%);
  --amar-glass:color-mix(in srgb,var(--amar-bg) 86%,transparent);
  --amar-border:hsl(0 3% 28%);
  --amar-border-strong:hsl(0 4% 36%);
  --amar-hair:hsl(0 4% 23%);
  --amar-text:hsl(0 4% 71%);
  --amar-muted:hsl(0 4% 71%);
  --amar-faint:hsl(0 2% 49%);
  --amar-ink:hsl(0 15% 94%);--amar-ink-hover:hsl(0 15% 97%);--amar-inverted:hsl(0 9% 7%);
  --amar-accent:hsl(62 100% 90%);
  --amar-accent-h:hsl(62 100% 84%);
  --amar-accent-ink:hsl(0 9% 7%);
  --amar-accent-soft:color-mix(in srgb,var(--amar-accent) 18%,transparent);
  --amar-accent-line:color-mix(in srgb,var(--amar-accent) 40%,transparent);
  --amar-warning:#ff9f0a;--amar-star:#ffb020;
  --amar-danger:#ff453a;--amar-danger-soft:color-mix(in srgb,var(--amar-danger) 14%,transparent);
  --amar-token-t:#93c5fd;--amar-token-a:#c4b5fd;--amar-token-s:#86efac;
  color-scheme:dark;
}
:focus-visible{outline:2px solid var(--amar-ink);outline-offset:2px;border-radius:2px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.amar-ai-site{margin:0;background:var(--amar-bg);color:var(--amar-text);font-family:var(--amar-font);line-height:1.6;-webkit-font-smoothing:antialiased}
/* Neutralise the UA link colour without out-ranking component rules.
   :where() gives this reset zero specificity, so .amar-btn--primary,
   .amar-link, .amar-card a, etc. keep their own colours. */
:where(body.amar-ai-site) a{color:inherit}
.amar-wrap{max-width:var(--amar-wrap);margin:0 auto;padding:0 20px}
.amar-skip{position:absolute;left:-9999px;background:var(--amar-ink);color:var(--amar-inverted);padding:8px 14px;z-index:9999}
.amar-skip:focus{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));border:2px solid var(--amar-ink);border-radius:4px;font-weight:700}
body.amar-menu-open{overflow:hidden}
/* ISOLATION: theme never styles inside the plugin app root */
.amar-ai-wrapper{isolation:isolate}
/* Global media + overflow guards (site chrome only, never the app) */
body.amar-ai-site img{max-width:100%;height:auto}
body.amar-ai-site{overflow-x:hidden;overflow-x:clip}
.amar-card,.amar-prose,.amar-review__quote,.amar-chat__bubble{overflow-wrap:break-word}
.amar-prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.amar-prose pre{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* Inactive scenes stay in the layout (visibility, not display:none) so the
   window keeps ONE height as scenes rotate — the size never jumps. */
.amar-show__panel[hidden],.amar-console-show__panel[hidden]{display:flex;visibility:hidden}
/* Form controls (search + comments), 16px to prevent iOS focus zoom */
body.amar-ai-site input[type="text"],body.amar-ai-site input[type="search"],body.amar-ai-site input[type="email"],body.amar-ai-site input[type="url"],body.amar-ai-site input[type="password"],body.amar-ai-site textarea,body.amar-ai-site select{font-size:16px;color:var(--amar-ink);background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px;padding:11px 13px;max-width:100%}
body.amar-ai-site input::placeholder,body.amar-ai-site textarea::placeholder{color:var(--amar-muted)}
body.amar-ai-site input[type="submit"],body.amar-ai-site button[type="submit"]{font-size:15px;font-weight:500;background:var(--amar-ink);color:var(--amar-inverted);border:1px solid transparent;border-radius:4px;padding:9px 18px;cursor:pointer}
.amar-btn{-webkit-tap-highlight-color:transparent}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--amar-glass);backdrop-filter:blur(14px);border-bottom:1px solid var(--amar-border);transition:background .2s}
.site-header.scrolled{background:var(--amar-glass)}
.amar-header__inner{display:flex;align-items:center;gap:20px;height:66px}
.amar-brand{display:flex;align-items:center;gap:10px;min-width:0}
.amar-brand__mark,.amar-brand__logo,.amar-brand__name-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:18px;color:var(--amar-ink)}
.amar-brand__dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--amar-ink)}
.amar-brand img{max-height:36px;width:auto;display:block}
.amar-brand__svg{width:36px;height:36px;flex:none;display:block;border-radius:9px}
.amar-brand__svgwrap{display:inline-flex;flex:none}
.amar-nav{margin-left:auto}
.amar-nav__list{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.amar-nav__list a{text-decoration:none;color:var(--amar-muted);font-size:15px}
.amar-nav__list a:hover{color:var(--amar-ink)}
.amar-header__actions{display:flex;align-items:center;gap:12px}
/* Buttons — solid inverted ink, 4px radius, no sheen */
.amar-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 16px;border-radius:4px;font-weight:500;font-size:15px;line-height:1.25;color:var(--amar-ink);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.amar-btn--primary{background:var(--amar-ink);color:var(--amar-inverted)}
.amar-btn--primary:hover{background:var(--amar-ink-hover);color:var(--amar-inverted)}
.amar-btn--ghost{background:transparent;color:var(--amar-ink);border-color:var(--amar-border)}
.amar-btn--ghost:hover{border-color:var(--amar-border-strong);background:var(--amar-bg2)}
.amar-btn--sm{padding:7px 13px;font-size:14px;border-radius:4px}
.amar-btn--lg{padding:12px 20px;font-size:16px;border-radius:6px}
.amar-btn--block{display:flex;width:100%;justify-content:center;margin-top:14px}
.amar-link{color:var(--amar-ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* Mobile */
.amar-nav__toggle{display:none;background:none;border:1px solid var(--amar-border);border-radius:10px;padding:12px 11px;flex-direction:column;gap:5px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.amar-nav__toggle span{display:block;width:20px;height:2px;background:var(--amar-ink)}
.amar-mobile{padding:12px 20px 18px;border-top:1px solid var(--amar-border)}
.amar-mobile__list{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:10px}
.amar-mobile__list a{text-decoration:none;color:var(--amar-ink);font-size:16px}
/* Hero */
.amar-hero{padding:clamp(44px,6vw,64px) 0 clamp(40px,5vw,56px);border-bottom:1px solid var(--amar-border)}
.amar-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.amar-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--amar-border);background:transparent;border-radius:4px;padding:5px 10px;font-size:13px;color:var(--amar-muted)}
.amar-pill__dot{width:7px;height:7px;border-radius:50%;background:var(--amar-success)}
.amar-hero__title{font-size:var(--amar-fs-display);line-height:1.15;margin:16px 0 14px;letter-spacing:0;font-weight:700}
.amar-hero__title .hl{background:var(--amar-accent);color:var(--amar-accent-ink);padding:0 .16em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.amar-hero__sub{color:var(--amar-muted);font-size:1rem;max-width:54ch;margin:0 0 26px}
.amar-hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.amar-notice{border:1px solid var(--amar-danger);background:var(--amar-danger-soft);padding:12px 16px;border-radius:4px}
/* Showcase: simulated 5-scene product preview */
.amar-show{background:var(--amar-bg2);border:1px solid var(--amar-border);border-radius:6px;overflow:hidden}
.amar-show__chrome{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--amar-border)}
.amar-show__dots{display:flex;gap:6px;margin:0}
.amar-show__dots span{width:9px;height:9px;border-radius:50%;background:var(--amar-border-strong)}
.amar-show__url{margin:0;flex:1;min-width:0;text-align:center;font-size:12px;color:var(--amar-muted);background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px;padding:4px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-show__live{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--amar-muted);white-space:nowrap}
.amar-show__live span{width:7px;height:7px;border-radius:50%;background:var(--amar-success);animation:amarpulse 2s infinite}
.amar-show__controls{display:flex;align-items:center;gap:4px;margin-left:auto}
.amar-show__controls button{width:26px;height:26px;padding:0;border:1px solid var(--amar-border);border-radius:4px;background:transparent;color:var(--amar-muted);font:500 14px/1 var(--amar-font);cursor:pointer}
.amar-show__controls button:hover,.amar-show__controls button:focus-visible{color:var(--amar-ink);border-color:var(--amar-border-strong)}
.amar-build__split{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:stretch}
.amar-build__steps{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:8px}
.amar-build__step{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:2px 7px;padding:10px;background:var(--amar-card);border:1px solid var(--amar-border);border-radius:6px;font-size:10.5px}
.amar-build__step i{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--amar-ink);color:var(--amar-inverted);font-style:normal;font-weight:700;font-size:10px}
.amar-build__step.is-running{border-color:var(--amar-border-strong)}
.amar-build__step.is-running i{background:var(--amar-accent);color:var(--amar-accent-ink);animation:amarpulse 1.6s infinite}
.amar-build__step span{color:var(--amar-muted);font-size:9.5px}
/* Showcase generated-site mockups (Brew & Bean site, Dhaka Dine app).
   Brand colours are component-scoped on purpose: these previews represent
   customer sites, so they never follow the platform accent palette. */
.amar-mock{position:relative;overflow:hidden;border:1px solid var(--amar-border);border-radius:6px;background:var(--amar-mock-bg)}
.amar-mock__shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-120%)}
.amar-show__panel.is-active .amar-mock__shine{animation:amarshine 1.5s cubic-bezier(.22,1,.36,1) .35s}
/* Brew & Bean — generated coffee-shop landing */
.amar-site{--w-bg:#17110b;--w-fg:#f4e7d3;--w-muted:#b9a284;--w-accent:#e0a35c;display:flex;flex-direction:column;gap:6px;padding:10px;background:radial-gradient(120% 90% at 88% 0%,rgba(224,163,92,.2),transparent 62%),var(--w-bg);color:var(--w-fg)}
.amar-site__bar{display:flex;align-items:center;gap:4px;margin:0;font-size:8.5px;color:var(--w-muted)}
.amar-site__bar span{width:5px;height:5px;border-radius:50%;background:rgba(244,231,211,.24)}
.amar-site__bar i{font-style:normal;margin-inline-start:6px;padding:1px 7px;border-radius:99px;background:rgba(244,231,211,.07);border:1px solid rgba(244,231,211,.13)}
.amar-site__nav{display:flex;align-items:center;gap:10px;margin:0;font-size:9px;color:var(--w-muted)}
.amar-site__brand{display:inline-flex;align-items:center;gap:5px;font-family:var(--amar-font-display);font-size:11px;letter-spacing:-.01em;color:var(--w-fg)}
.amar-site__brand svg{color:var(--w-accent)}
.amar-site__cta{margin-inline-start:auto;font-style:normal;font-weight:700;color:#241505;background:var(--w-accent);border-radius:99px;padding:3px 9px}
.amar-site__hero{display:grid;gap:3px}
.amar-site__eyebrow{margin:0;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--w-accent)}
.amar-site__title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.1;letter-spacing:-.02em;color:var(--w-fg)}
.amar-site__title em{font-style:italic;color:var(--w-accent)}
.amar-site__sub{margin:0;font-size:9px;color:var(--w-muted)}
.amar-site__row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.amar-site__card{display:grid;gap:3px;padding:6px;border-radius:8px;background:rgba(244,231,211,.05);border:1px solid rgba(244,231,211,.1)}
.amar-site__card span{font-size:8.5px;color:var(--w-muted)}
.amar-site__card b{font-size:10px;color:var(--w-fg)}
.amar-site__thumb{display:block;height:17px;border-radius:5px}
.amar-site__thumb--1{background:linear-gradient(135deg,#8a5a2b,#e0a35c)}
.amar-site__thumb--2{background:linear-gradient(135deg,#3b2414,#8a4f22)}
.amar-site__thumb--3{background:linear-gradient(135deg,#c98a4b,#f0c489)}
/* Dhaka Dine — generated restaurant app (warm luxury: ivory, espresso, brass) */
.amar-app{--a-screen:#f8f3ec;--a-surface:#fffdf9;--a-ink:#241c16;--a-muted:#8b7c6b;--a-line:#e7dccd;--a-brass:#a97c36;--a-green:#2f6249;width:222px;max-width:100%;margin-inline:auto;padding:6px;border-radius:30px;background:linear-gradient(160deg,#2e261f,#171310);box-shadow:0 16px 34px rgba(36,28,22,.18)}
.amar-app__screen{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;height:298px;padding:10px;border-radius:24px;background:var(--a-screen);color:var(--a-ink)}
.amar-app__status{display:flex;align-items:center;gap:3px;margin:0;font-size:6.5px;letter-spacing:.04em;color:var(--a-muted)}
.amar-app__status b{margin-inline-start:auto;font-weight:700;color:var(--a-ink)}
.amar-app__status i{width:3px;height:3px;border-radius:50%;background:var(--a-muted)}
.amar-app__bar{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:0;font-size:7.5px;color:var(--a-muted)}
.amar-app__bar b{font-family:Georgia,"Times New Roman",serif;font-size:12.5px;letter-spacing:-.01em;color:var(--a-ink)}
.amar-app__hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:10px;background:radial-gradient(120% 120% at 88% 10%,rgba(217,191,154,.75),transparent 58%),linear-gradient(135deg,#5c4a38,#7d6349 55%,#a9865f);color:#fdf6ec}
.amar-app__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 55%,rgba(255,255,255,.18) 70%,transparent 82%);pointer-events:none}
.amar-app__hero-tag{font-size:6.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.82}
.amar-app__hero b{font-family:Georgia,"Times New Roman",serif;font-size:12.5px;line-height:1.15;letter-spacing:-.01em}
.amar-app__hero-cta{align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:99px;background:#f8f3ec;color:#3a2e23;font-size:7.5px;font-weight:700}
.amar-app__cats{display:flex;gap:4px;margin:0;font-size:7px;color:var(--a-muted)}
.amar-app__cats span{padding:2px 6px;border-radius:99px;border:1px solid var(--a-line);white-space:nowrap}
.amar-app__cats .is-on{background:var(--a-ink);border-color:var(--a-ink);color:#fdf6ec}
.amar-app__dish{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:6px;border-radius:9px;background:var(--a-surface);border:1px solid var(--a-line)}
.amar-app__thumb{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#7d8a63,#c2a878 60%,#e0c9a4)}
.amar-app__dish b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:10.5px;line-height:1.25;color:var(--a-ink)}
.amar-app__dish span{font-size:8.5px;font-weight:500;color:var(--a-muted)}
.amar-app__add{font-style:normal;font-size:7px;font-weight:700;color:#fdf6ec;background:var(--a-brass);border-radius:99px;padding:3px 8px}
.amar-app__list{display:grid;gap:4px}
.amar-app__list div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:2px;border-top:1px solid var(--a-line);font-size:8.5px;color:var(--a-muted)}
.amar-app__list b{color:var(--a-ink)}
.amar-app__cart{margin:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 3px 3px 8px;border-radius:99px;background:var(--a-ink);border:1px solid var(--a-ink);font-size:7.5px;color:#d9cdc0}
.amar-app__cart b{color:#fdf6ec}
.amar-app__checkout{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:7.5px;font-weight:700;color:#f2f8f4;background:var(--a-green);border-radius:99px;padding:4px 8px}
.amar-app__checkout::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(242,248,244,.55)}
.amar-show__panel.is-active .amar-app__checkout{animation:amarCheckout 2.6s ease-in-out infinite}
@keyframes amarCheckout{0%,100%{box-shadow:0 0 0 0 rgba(47,98,73,0)}50%{box-shadow:0 0 0 3px rgba(47,98,73,.16)}}
.amar-route__header{display:flex;justify-content:space-between;align-items:center;font-weight:700}
.amar-route__header b{font-size:11px;color:var(--amar-ink);border:1px solid var(--amar-border);border-radius:4px;padding:3px 9px}
.amar-route__flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin:12px 0}
.amar-route__flow div{display:grid;gap:3px;padding:12px 9px;background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;min-width:0}
.amar-route__flow b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-route__flow span{font-size:10px;color:var(--amar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-route__flow>i{color:var(--amar-muted);font-style:normal;font-weight:700}
.amar-route__alert{margin:0;padding:10px 12px;border:1px solid rgba(48,209,88,.45);background:rgba(48,209,88,.1);border-radius:4px;color:var(--amar-token-s);font-size:12px}
.amar-show__stage{display:grid;grid-template-columns:minmax(0,1fr);min-height:348px}
.amar-show__panel{grid-area:1/1;padding:16px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);visibility:hidden;min-width:0}
.amar-show__panel.is-active{opacity:1;transform:none;visibility:visible}
.amar-pill-mini{display:inline-block;font-size:11.5px;font-weight:500;border:1px solid var(--amar-border);background:transparent;border-radius:4px;padding:2px 8px}
.amar-pill-mini--dim{color:var(--amar-muted);font-weight:400}
.amar-caret{display:inline-block;width:8px;height:1.05em;background:var(--amar-ink);vertical-align:text-bottom;margin-left:2px;animation:amarblink 1s steps(1) infinite}
@keyframes amarblink{50%{opacity:0}}
/* Chat scene */
.amar-chat__head{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.amar-chat__bubble{margin:0;padding:10px 13px;border-radius:8px;font-size:14px;max-width:92%;line-height:1.55}
.amar-chat__bubble--user{align-self:flex-end;background:var(--amar-ink);color:var(--amar-inverted);border-bottom-right-radius:2px}
.amar-chat__bubble--ai{align-self:flex-start;background:var(--amar-card-2);border:1px solid var(--amar-border);border-bottom-left-radius:2px;min-height:44px}
.amar-chat__meta{display:flex;justify-content:space-between;gap:10px;margin:0;font-size:11.5px;color:var(--amar-muted);opacity:0;transition:opacity .5s}
.amar-show__panel.is-done .amar-chat__meta{opacity:1}
.amar-chat__actions{white-space:nowrap}
.amar-chat__composer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:auto 0 0;border:1px solid var(--amar-border);background:var(--amar-sunken);border-radius:4px;padding:10px 13px;font-size:13px;color:var(--amar-muted)}
.amar-chat__composer i{font-style:normal;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background:var(--amar-ink);color:var(--amar-inverted);font-weight:500}
/* Web scene */
.amar-web__prompt{margin:0;font-size:11.5px;line-height:1.35;color:var(--amar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-web__prompt span{display:inline-block;font-size:10px;font-weight:500;color:var(--amar-ink);border:1px solid var(--amar-border);border-radius:3px;padding:1px 7px;margin-inline-end:6px;background:transparent}
.amar-web__grid{display:grid;grid-template-columns:118px 1fr;gap:10px;min-height:0}
.amar-web__files{list-style:none;margin:0;padding:8px;display:grid;gap:4px;align-content:start;background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px;font-size:12px;font-family:var(--amar-font-mono)}
.amar-web__files li{padding:5px 8px;border-radius:3px;color:var(--amar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-web__files li.is-active{background:var(--amar-card-2);color:var(--amar-ink)}
.amar-web__code{margin:0;padding:10px;background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px;font-size:12px;line-height:1.7;font-family:var(--amar-font-mono);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%}
.tk-t{color:var(--amar-token-t)}.tk-a{color:var(--amar-token-a)}.tk-s{color:var(--amar-token-s)}
/* Web scene — .amar-web__preview now renders the .amar-site mockup (styled above). */
.amar-web__status{margin:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--amar-muted)}
.amar-build__chip{font-size:9.5px;color:var(--amar-muted);border:1px solid var(--amar-border);border-radius:99px;padding:2px 8px;white-space:nowrap}
/* Image scene — split studio: prompt/status left, output canvas right */
.amar-show__panel--img{padding:0;gap:0}
.amar-img{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);flex:1;min-height:0}
.amar-img__side{display:flex;flex-direction:column;gap:9px;padding:14px 14px 12px;min-width:0}
.amar-img__head{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0}
.amar-img__model{font-size:11.5px;font-weight:700;color:var(--amar-ink)}
.amar-img__field{margin:0;padding:8px 10px;background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px}
.amar-img__field--neg{padding:7px 10px;background:transparent;border-style:dashed}
.amar-img__label{margin:0 0 3px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--amar-faint)}
.amar-img__prompt{margin:0;min-height:2.9em;font-size:11.5px;line-height:1.45;color:var(--amar-ink)}
.amar-img__negative{margin:0;font-size:10px;line-height:1.45;color:var(--amar-muted)}
.amar-img__chips{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}
.amar-img__chips li{font-size:9px;line-height:1.5;color:var(--amar-muted);border:1px solid var(--amar-border);border-radius:3px;padding:1px 6px}
.amar-img__recent{display:flex;align-items:center;gap:5px;margin:0}
.amar-img__recent-label{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amar-faint);margin-inline-end:1px}
.amar-img__thumb{display:block;width:34px;height:26px;border-radius:3px;border:1px solid var(--amar-border)}
.amar-img__thumb--a{background:linear-gradient(140deg,#e2ebe7,#a9c2bc 70%,#c9b7a6)}
.amar-img__thumb--b{background:linear-gradient(140deg,#efe1d7,#d2b4a4 70%,#8fa6a0)}
.amar-img__thumb--c{background:linear-gradient(140deg,#dfe5da,#9caa8e 70%,#d8c3a6)}
.amar-img__steps{list-style:none;display:grid;gap:5px;margin:auto 0 0;padding:0}
.amar-img__steps li{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--amar-muted);opacity:.55}
.amar-img__steps li::before{content:"";flex:none;width:6px;height:6px;border:1px solid var(--amar-border-strong);border-radius:50%}
.amar-img__steps li i{margin-inline-start:auto;font-style:normal;font-weight:700;font-size:10px;color:var(--amar-success);opacity:0}
.amar-img__meta{display:flex;justify-content:space-between;gap:8px;margin:0;padding-top:7px;border-top:1px solid var(--amar-border);font-size:10px;color:var(--amar-muted)}
.amar-img__canvas{position:relative;overflow:hidden;min-height:0;background:#b9cdc7}
.amar-img__scene{position:absolute;inset:0;width:100%;height:100%;display:block;filter:blur(10px) saturate(.8) contrast(.95);transform:scale(1.06);opacity:.5}
.amar-show__panel.is-active .amar-img__scene{animation:amarDevelop 1.6s cubic-bezier(.22,1,.36,1) 1.5s both}
@keyframes amarDevelop{from{filter:blur(10px) saturate(.8) contrast(.95);transform:scale(1.06);opacity:.5}to{filter:blur(0) saturate(1.06) contrast(1.04);transform:scale(1);opacity:1}}
.amar-img__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.05));opacity:.85}
.amar-show__panel.is-active .amar-img__veil{animation:amarFadeOut .8s ease 1.55s forwards}
.amar-img__shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.24) 50%,transparent 58%);transform:translateX(-100%)}
.amar-show__panel.is-active .amar-img__shine{animation:amarshine 1.1s cubic-bezier(.22,1,.36,1) 2.9s}
@keyframes amarshine{to{transform:translateX(100%)}}
.amar-img__tag{position:absolute;top:10px;left:10px;z-index:3;font-size:9.5px;font-weight:500;color:#4b5854;background:rgba(250,246,240,.82);border:1px solid rgba(75,88,84,.18);border-radius:99px;padding:2px 8px;backdrop-filter:blur(4px)}
.amar-img__actions{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:99px;background:rgba(24,30,29,.55);backdrop-filter:blur(8px);opacity:0;transform:translateY(6px)}
.amar-img__actions span{flex:1;text-align:center;font-size:9px;font-weight:500;color:#f4efe8;padding:2px 4px;white-space:nowrap}
.amar-img__actions span + span{border-inline-start:1px solid rgba(244,239,232,.22)}
.amar-show__panel.is-active .amar-img__actions{animation:amarRise .5s cubic-bezier(.22,1,.36,1) 3.05s both}
/* API scene — request/response columns + connection rail */
.amar-api__top{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;font-family:var(--amar-font-mono);min-width:0}
.amar-api__top code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.amar-api__method{flex:none;display:inline-block;font-size:9.5px;font-weight:700;color:var(--amar-inverted);background:var(--amar-ink);border-radius:3px;padding:2px 7px}
.amar-api__key,.amar-api__region{flex:none;font-size:9px;color:var(--amar-muted);border:1px solid var(--amar-border);border-radius:3px;padding:1px 6px}
.amar-api__region{margin-inline-start:auto}
.amar-api__body{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:9px;flex:1;min-height:0}
.amar-api__col{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:0}
.amar-api__colhead{display:flex;align-items:center;gap:6px;margin:0;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amar-faint)}
.amar-api__colhead span{margin-inline-start:auto;letter-spacing:0;text-transform:none;font-weight:500;color:var(--amar-muted)}
.amar-api__code{margin:0;padding:8px 10px;background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px;font-size:9.5px;line-height:1.6;font-family:var(--amar-font-mono);overflow:hidden;color:var(--amar-text);flex:1;white-space:pre-wrap;overflow-wrap:anywhere;min-height:0}
.amar-api__headers{list-style:none;display:flex;flex-wrap:wrap;gap:3px;margin:0;padding:0}
.amar-api__headers li{font-size:8.5px;font-family:var(--amar-font-mono);color:var(--amar-muted);border:1px solid var(--amar-border);border-radius:3px;padding:1px 5px}
.amar-api__ok{display:inline-flex;align-items:center;gap:5px;color:var(--amar-success);font-weight:700;letter-spacing:0;text-transform:none}
.amar-api__ok::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amar-success)}
.amar-api__sse{margin:0;padding:8px 10px;background:var(--amar-mock-bg);border:1px solid var(--amar-border);border-radius:4px;font-size:8.5px;line-height:1.7;font-family:var(--amar-font-mono);color:#c8d6d1;flex:1;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;min-height:0;opacity:0;transform:translateY(4px)}
.amar-api__done{color:#7fbf95}
.amar-show__panel.is-active .amar-api__sse{animation:amarRise .5s cubic-bezier(.22,1,.36,1) 1.7s both}
.amar-api__metrics{list-style:none;display:flex;flex-wrap:wrap;gap:3px;margin:0;padding:0;opacity:0}
.amar-api__metrics li{font-size:8.5px;color:var(--amar-muted);border:1px solid var(--amar-border);border-radius:3px;padding:1px 5px}
.amar-api__metrics b{color:var(--amar-ink)}
.amar-show__panel.is-active .amar-api__metrics{animation:amarRise .5s cubic-bezier(.22,1,.36,1) 2s both}
.amar-api__rail{display:flex;align-items:center;margin:0;padding:7px 9px;background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px}
.amar-api__hop{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.amar-api__hop b{font-size:9px;font-weight:700;color:var(--amar-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-api__hop small{font-size:8px;color:var(--amar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-api__link{position:relative;flex:0 0 12px;align-self:center;border-top:1px dashed var(--amar-border-strong)}
.amar-api__link s{position:absolute;top:-2px;left:0;width:4px;height:4px;border-radius:50%;background:var(--amar-ink);opacity:0}
.amar-show__panel.is-active .amar-api__link s{animation:amarApiPacket 1.7s linear infinite;animation-delay:calc(var(--i,0) * .22s)}
@keyframes amarApiPacket{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(8px);opacity:0}}
.amar-api__foot{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:9px;font-family:var(--amar-font-mono);color:var(--amar-muted);opacity:0}
.amar-show__panel.is-active .amar-api__foot{animation:amarRise .5s cubic-bezier(.22,1,.36,1) 2.2s both}
/* Agent scene — 7-node workflow: main lane + tool branch bus */
.amar-agent__head{display:flex;align-items:center;gap:9px;margin:0;font-size:11.5px;color:var(--amar-muted)}
.amar-agent__active{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--amar-ink);background:transparent;border:1px solid var(--amar-border);border-radius:4px;padding:2px 9px}
.amar-agent__active i{width:6px;height:6px;border-radius:50%;background:var(--amar-success);animation:amarpulse 1.6s infinite}
@keyframes amarpulse{0%{box-shadow:0 0 0 0 rgba(48,209,88,.55)}70%{box-shadow:0 0 0 7px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}
.amar-agent__flow{display:grid;gap:10px;margin:0}
.amar-agent__lane{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:stretch}
.amar-agent__node{position:relative;display:flex;flex-direction:column;gap:1px;background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px;padding:7px 8px;font-size:10.5px;min-width:0}
.amar-agent__node b{padding-inline-end:9px;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-agent__node span{font-size:8.5px;color:var(--amar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amar-agent__node .dot{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--amar-border-strong)}
.amar-agent__node .dot.done{background:var(--amar-success)}
.amar-agent__node .dot.run{background:var(--amar-warning);animation:amarpulse 1.6s infinite}
.amar-agent__node.is-running{border-color:var(--amar-border-strong)}
.amar-agent__edge{position:relative;align-self:center;height:1px;border-top:1px dashed var(--amar-border-strong);overflow:visible}
.amar-agent__packet{position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:var(--amar-ink);opacity:0}
.amar-agent__branches{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px}
.amar-agent__branches::before{content:"";position:absolute;top:0;left:12%;right:12%;border-top:1px dashed var(--amar-border-strong)}
.amar-agent__node--branch{position:relative}
.amar-agent__node--branch::before{content:"";position:absolute;top:-12px;left:50%;height:12px;border-inline-start:1px dashed var(--amar-border-strong)}
.amar-agent__branchlabel{align-self:center;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amar-faint)}
.amar-agent__log{margin:0;flex:1;background:var(--amar-sunken);border:1px solid var(--amar-border);border-radius:4px;padding:8px 10px;font-size:10.5px;line-height:1.55;font-family:var(--amar-font-mono);color:var(--amar-muted);display:grid;gap:1px;align-content:start}
.amar-agent__log span{opacity:0;transform:translateX(-4px);transition:opacity .35s,transform .35s}
.amar-agent__log span.is-on{opacity:1;transform:none}
.amar-agent__status{margin:0;font-size:10.5px;color:var(--amar-muted);opacity:0;transition:opacity .5s}
.amar-show__panel.is-done .amar-agent__status{opacity:1}
@media(max-width:560px){.amar-web__grid{grid-template-columns:1fr}.amar-web__files{grid-template-columns:repeat(3,1fr)}.amar-show__stage{min-height:420px}.amar-build__split{grid-template-columns:1fr}.amar-app{width:190px}.amar-build__steps{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:6px}.amar-build__step{padding:8px;font-size:9.5px}.amar-build__step span{font-size:8.5px}.amar-build__step:nth-child(4){display:none}.amar-site__title{font-size:16px}.amar-route__flow{grid-template-columns:1fr;gap:5px}.amar-route__flow>i{transform:rotate(90deg);justify-self:center}.amar-show__controls button{width:30px;height:30px}.amar-img{grid-template-columns:1fr;grid-template-rows:auto minmax(160px,1fr)}.amar-img__side{padding:12px;gap:7px}.amar-img__chips,.amar-img__recent,.amar-img__field--neg{display:none}.amar-img__prompt{min-height:0}.amar-img__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.amar-img__steps li{font-size:8.5px;gap:4px}.amar-img__steps li i{display:none}.amar-api__body{grid-template-columns:1fr}.amar-api__headers{display:none}.amar-api__hop b{font-size:8.5px}.amar-api__hop small{font-size:7.5px}.amar-agent__lane{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.amar-agent__edge,.amar-agent__branches::before,.amar-agent__node--branch::before{display:none}.amar-agent__branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:0}.amar-agent__branches .amar-agent__node:last-child{grid-column:1/-1}.amar-agent__branchlabel{display:none}}
@media(max-width:420px){.amar-show__live{font-size:0;gap:0}.amar-console-show__label{font-size:10.5px;padding:3px 9px}.amar-chat__meta,.amar-agent__head,.amar-img__meta,.amar-cs__keymeta{flex-wrap:wrap;row-gap:6px}.amar-api__key{display:none}.amar-api__top code{font-size:10px}.amar-api__foot{flex-direction:column;gap:2px}.amar-build__chip{display:none}}
/* Sections */
.amar-section{padding:var(--amar-section-y) 0}
.amar-section--alt{background:var(--amar-bg2);border-top:1px solid var(--amar-border);border-bottom:1px solid var(--amar-border)}
.amar-section__title{font-size:var(--amar-fs-h2);letter-spacing:0;font-weight:700;margin:0 0 8px}
.amar-section__sub{color:var(--amar-muted);margin:0 0 26px;max-width:70ch}
.amar-grid{display:grid;gap:16px}
.amar-grid--4{grid-template-columns:repeat(4,1fr)}
.amar-grid--3{grid-template-columns:repeat(3,1fr)}
.amar-grid--2{grid-template-columns:repeat(2,1fr)}
.amar-card{background:var(--amar-card);border:1px solid var(--amar-border);border-radius:var(--amar-radius);padding:20px}
.amar-card h3{margin:0 0 8px;font-size:1rem}
.amar-card p{color:var(--amar-muted);font-size:.9375rem;margin:0 0 12px}
.amar-card a{color:var(--amar-ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;font-size:.875rem}
.amar-card--featured{border-color:var(--amar-border-strong)}
.amar-card__title{margin:0 0 6px}.amar-card__title a{text-decoration:none;color:var(--amar-ink)}
.amar-card__meta{color:var(--amar-muted);font-size:13px;margin-bottom:10px}
.amar-card__media img{border-radius:4px;width:100%;height:auto}
/* Console */
.amar-console__grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.amar-checks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px;color:var(--amar-muted)}
.amar-checks li::before{content:"✓ ";color:var(--amar-muted)}
/* Console showcase: 4-scene auto-rotating preview */
.amar-console-show{background:var(--amar-bg2);border:1px solid var(--amar-border);border-radius:6px;overflow:hidden}
.amar-console-show__chrome{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--amar-border)}
.amar-console-show__label{margin:0 0 0 auto;font-size:11.5px;font-weight:500;color:var(--amar-ink);border:1px solid var(--amar-border);background:transparent;border-radius:4px;padding:3px 12px;white-space:nowrap}
.amar-console-show__stage{display:grid;grid-template-columns:minmax(0,1fr);min-height:384px}
.amar-console-show__panel{grid-area:1/1;padding:16px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);visibility:hidden;min-width:0}
.amar-console-show__panel.is-active{opacity:1;transform:none;visibility:visible}
.amar-cs__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.amar-cs__kpi{display:flex;flex-direction:column;gap:3px;background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;padding:12px}
.amar-cs__kpi span{font-size:11px;color:var(--amar-muted)}
.amar-cs__kpi b{font-size:18px;letter-spacing:0}
.amar-cs__spark{display:flex;align-items:flex-end;gap:3px;height:24px;margin-top:4px}
.amar-cs__spark i{flex:1;border-radius:2px;background:var(--amar-border-strong);opacity:.85;min-height:15%}
.amar-cs__chart{position:relative;border:1px solid var(--amar-border);border-radius:4px;background:var(--amar-sunken);padding:12px;min-height:120px;overflow:hidden}
.amar-cs__bars{position:relative;display:flex;align-items:flex-end;gap:6px;height:96px}
.amar-cs__bars i{flex:1;border-radius:2px 2px 0 0;background:var(--amar-border);min-height:10%}
.amar-cs__health{display:flex;gap:8px;flex-wrap:wrap;margin:0;font-size:11.5px;color:var(--amar-muted)}
.amar-cs__health span{border:1px solid var(--amar-border);border-radius:4px;padding:3px 11px;background:transparent}
.amar-cs__ledger{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12px;font-family:var(--amar-font-mono)}
.amar-cs__ledger li{display:grid;grid-template-columns:52px 1fr auto auto auto;gap:10px;align-items:center;background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;padding:8px 12px;color:var(--amar-muted)}
.amar-cs__ledger li b{color:var(--amar-ink);font-weight:500}
.amar-cs__ledger li>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amar-cs__ledger li.is-cached{border-color:rgba(48,209,88,.5)}
.amar-cs__ledger li.is-cached b{color:var(--amar-success)}
.amar-cs__chips{display:flex;gap:8px;flex-wrap:wrap;margin:0;font-size:11.5px;color:var(--amar-muted)}
.amar-cs__chips span{border:1px solid var(--amar-border);border-radius:4px;padding:3px 11px;background:transparent}
.amar-cs__balance{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;padding:14px 16px}
.amar-cs__balance span{font-size:11.5px;color:var(--amar-muted)}
.amar-cs__balance b{display:block;font-size:26px;letter-spacing:0}
.amar-cs__topup{font-size:13px;font-weight:500;background:var(--amar-ink);color:var(--amar-inverted);border-radius:4px;padding:9px 18px}
.amar-cs__trend{display:grid;gap:8px;margin:0}
.amar-cs__trendrow{display:grid;gap:5px}
.amar-cs__trendrow i{display:block;height:9px;border-radius:2px}
.amar-cs__trendrow i.in{background:rgba(48,209,88,.55)}
.amar-cs__trendrow i.out{background:var(--amar-border-strong)}
.amar-cs__txns{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}
.amar-cs__txns li{display:flex;justify-content:space-between;background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;padding:8px 12px}
.amar-cs__txns b{font-weight:500}
.amar-cs__txns b.pos{color:var(--amar-success)}
.amar-cs__keys{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.amar-cs__keys li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;padding:12px 14px}
.amar-cs__keys b{font-size:13.5px}
.amar-cs__keys code{display:block;font-family:var(--amar-font-mono);font-size:11.5px;color:var(--amar-muted)}
.amar-cs__cap{font-size:11px;font-weight:500;border:1px solid var(--amar-border);border-radius:4px;padding:3px 11px;white-space:nowrap}
.amar-cs__keybar{grid-column:1/-1;height:7px;border-radius:2px;background:var(--amar-sunken);border:1px solid var(--amar-border);overflow:hidden}
.amar-cs__keybar i{display:block;height:100%;background:var(--amar-ink);border-radius:2px}
.amar-cs__base{margin:0;font-size:11px;font-family:var(--amar-font-mono);color:var(--amar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){.amar-cs__kpis{grid-template-columns:1fr 1fr}.amar-cs__ledger li{grid-template-columns:48px 1fr auto;gap:8px}.amar-cs__ledger li span:nth-child(4),.amar-cs__ledger li span:nth-child(3){display:none}.amar-console-show__stage{min-height:420px}}
/* Reviews */
.amar-reviews{background:var(--amar-bg2);border-top:1px solid var(--amar-border);border-bottom:1px solid var(--amar-border)}
.amar-review{display:flex;flex-direction:column;gap:12px}
.amar-review:nth-child(2n){background:var(--amar-card-2)}
.amar-review__stars{display:flex;gap:3px;margin:0;color:var(--amar-star)}
.amar-review__quote{margin:0;font-size:15.5px;line-height:1.75;color:var(--amar-text)}
.amar-review__who{display:flex;align-items:center;gap:12px;margin:auto 0 0;padding-top:4px}
.amar-review__avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;font-weight:700;font-size:16px;color:var(--amar-inverted);background:var(--amar-ink)}
.amar-review__name{margin:0;font-weight:500;font-size:.9375rem}
.amar-review__role{margin:0;font-size:12.5px;color:var(--amar-muted)}
/* FAQ */
.amar-faq__list{display:grid;gap:10px;max-width:820px}
@media(min-width:901px){.amar-faq__list{grid-template-columns:1fr 1fr;max-width:none;align-items:start}}
.amar-faq__item{background:var(--amar-card);border:1px solid var(--amar-border);border-radius:12px;padding:4px 18px}
.amar-faq__item summary{cursor:pointer;padding:14px 0;font-weight:500}
.amar-faq__item p{color:var(--amar-muted)}
/* CTA */
.amar-cta{padding:70px 0;text-align:center}
.amar-cta__inner h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 10px}
.amar-cta__inner p{color:var(--amar-muted);margin:0 0 22px}
/* Loop / prose */
.amar-loop{display:grid;gap:16px;padding:40px 20px}
.amar-prose{padding:40px 20px;max-width:820px}
.amar-prose img{max-width:100%;height:auto;border-radius:12px}
.amar-pagination{padding:10px 0}
.amar-front__content{padding:20px 0}
/* Comments */
.amar-comments{margin-top:30px;border-top:1px solid var(--amar-border);padding-top:20px}
/* Footer */
.site-footer{border-top:1px solid var(--amar-border);background:var(--amar-bg2);padding:44px 0 20px}
.amar-footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
.amar-footer__name{font-weight:700;font-size:18px;margin:0 0 6px}
.amar-footer__tag{color:var(--amar-muted);font-size:14px}
.amar-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.amar-footer__list a{text-decoration:none;color:var(--amar-muted)}
.amar-footer__list a:hover{color:var(--amar-ink)}
.amar-footer__heading{font-weight:500;margin:0 0 6px}
.amar-footer__support a{color:var(--amar-muted);text-decoration:none}
.amar-footer__bottom{margin-top:26px;border-top:1px solid var(--amar-border);padding-top:14px;color:var(--amar-muted);font-size:13px}
/* Reveal */
.amar-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.amar-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.amar-reveal{opacity:1;transform:none}.amar-btn:hover{transform:none}html{scroll-behavior:auto}}
/* App page + shortcode coexistence */
.amar-app-page{background:#212121;min-height:100vh}
.amar-ai-wrapper{min-height:60vh}
/* === Showcase polish: atmosphere, motion, tilt === */
.amar-show.amar-reveal,.amar-console-show.amar-reveal{transform:none;opacity:0;transition:opacity .7s ease}
.amar-show.amar-reveal.in,.amar-console-show.amar-reveal.in{opacity:1}
.amar-tilt{transition:transform .18s cubic-bezier(.22,1,.36,1);will-change:transform}
.amar-show.amar-reveal.amar-tilt,.amar-console-show.amar-reveal.amar-tilt{transition:opacity .7s ease,transform .18s cubic-bezier(.22,1,.36,1)}
/* Flat frames — hairline border, no glow */
.amar-show{position:relative;z-index:1}
.amar-hero__visual{position:relative}
.amar-console__grid{position:relative}
.amar-console__grid > *{position:relative;z-index:1}
/* Numeric highlights inside previews (event log + run timers keep flow layout) */
.amar-show__panel b{font-weight:700;color:var(--amar-ink)}
/* The generated app mockup keeps its own ivory/espresso palette in both modes. */
.amar-show__panel .amar-app__status b,.amar-show__panel .amar-app__bar b,.amar-show__panel .amar-app__dish b,.amar-show__panel .amar-app__list b{color:var(--a-ink)}
.amar-show__panel .amar-app__hero b,.amar-show__panel .amar-app__cart b{color:#fdf6ec}
.amar-chat__meta b,.amar-web__status b,.amar-img__meta b,.amar-api__res b,.amar-agent__timer b{color:var(--amar-ink)}
/* Reusable animated bars (vertical + horizontal) */
.amar-bar{transform:scaleY(0);transform-origin:bottom;will-change:transform}
.amar-bar--x{transform:scaleX(0);transform-origin:left;will-change:transform}
.amar-show__panel.is-active .amar-bar,.amar-console-show__panel.is-active .amar-bar{animation:amarBarY .9s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0) * 60ms)}
.amar-show__panel.is-active .amar-bar--x,.amar-console-show__panel.is-active .amar-bar--x{animation:amarBarX .9s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0) * 60ms)}
@keyframes amarBarY{from{transform:scaleY(0)}to{transform:scaleY(var(--bar,1))}}
@keyframes amarBarX{from{transform:scaleX(0)}to{transform:scaleX(var(--bar,1))}}
/* Staggered rises for lists/grids */
.amar-show__panel [data-stagger] > *,.amar-console-show__panel [data-stagger] > *{opacity:0;transform:translateY(8px)}
.amar-show__panel.is-active [data-stagger] > *,.amar-console-show__panel.is-active [data-stagger] > *{animation:amarRise .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes amarRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* SVG line / ring drawing */
.amar-draw{stroke-dasharray:1;stroke-dashoffset:1}
.amar-show__panel.is-active .amar-draw,.amar-console-show__panel.is-active .amar-draw{animation:amarDraw 1.4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0) * 80ms)}
@keyframes amarDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
/* Chat: thinking dots + streaming pill */
.amar-pill-mini--live{color:var(--amar-ink);border-color:rgba(48,209,88,.45);background:rgba(48,209,88,.12)}
.amar-chat__typing{display:none;gap:4px;margin-right:6px;vertical-align:middle}
.amar-chat__typing i{width:6px;height:6px;border-radius:50%;background:var(--amar-muted);display:inline-block;animation:amarDots 1s infinite ease-in-out}
.amar-chat__typing i:nth-child(2){animation-delay:.15s}
.amar-chat__typing i:nth-child(3){animation-delay:.3s}
.amar-show__panel.is-active .amar-chat__typing{display:inline-flex;animation:amarDotsHide .4s ease .85s forwards}
@keyframes amarDots{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}
@keyframes amarDotsHide{to{opacity:0;transform:translateY(-2px)}}
/* Web: preview shine + live cursor */
.amar-web__preview{position:relative;overflow:hidden}
.amar-caret--code{height:1em}
/* Image: generating ring + ticked pipeline steps */
.amar-img__ring{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;z-index:4}
.amar-img__ring svg{width:58px;height:58px;transform:rotate(-90deg)}
.amar-img__ring circle{fill:none;stroke-width:4}
.amar-img__track{stroke:rgba(75,88,84,.2)}
.amar-img__progress{stroke:#7d948f;stroke-linecap:round}
.amar-img__ring b{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#3f4a47;background:rgba(250,246,240,.86);border:1px solid rgba(75,88,84,.16);border-radius:99px;padding:2px 8px}
.amar-show__panel.is-active .amar-img__ring{animation:amarFadeOut .5s ease 1.55s forwards}
@keyframes amarFadeOut{to{opacity:0;visibility:hidden}}
.amar-show__panel.is-active .amar-img__steps li:nth-child(1){animation:amarStepOn .3s ease 1.4s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(2){animation:amarStepOn .3s ease 2s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(3){animation:amarStepOn .3s ease 2.6s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(1)::before{animation:amarStepDot .3s ease 1.4s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(2)::before{animation:amarStepDot .3s ease 2s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(3)::before{animation:amarStepDot .3s ease 2.6s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(1) i{animation:amarStepTick .3s ease 1.4s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(2) i{animation:amarStepTick .3s ease 2s both}
.amar-show__panel.is-active .amar-img__steps li:nth-child(3) i{animation:amarStepTick .3s ease 2.6s both}
@keyframes amarStepOn{to{opacity:1}}
@keyframes amarStepDot{to{background:var(--amar-success);border-color:var(--amar-success)}}
@keyframes amarStepTick{to{opacity:1}}
/* Agent: packets + sequential node glow + timer */
.amar-agent__timer{margin-left:auto;font-size:11.5px;color:var(--amar-muted)}
.amar-show__panel.is-active .amar-agent__packet{animation:amarPacket 1.5s linear infinite;animation-delay:calc(var(--i,0) * .2s)}
@keyframes amarPacket{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(12px);opacity:0}}
.amar-show__panel.is-active .amar-agent__node{animation:amarNodeGlow .6s ease both;animation-delay:calc(var(--i,0) * 180ms)}
@keyframes amarNodeGlow{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Console: SVG chart */
.amar-cs__svg{width:100%;height:118px;display:block}
.amar-cs__line{fill:none;stroke:var(--amar-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.amar-cs__area{opacity:0}
.amar-console-show__panel.is-active .amar-cs__area{animation:amarFadeIn .9s ease .5s forwards}
@keyframes amarFadeIn{to{opacity:1}}
.amar-cs__dot{fill:var(--amar-bg);stroke:var(--amar-ink);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.amar-console-show__panel.is-active .amar-cs__dot{animation:amarDotPulse 1.8s ease 1.3s infinite}
@keyframes amarDotPulse{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.5)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}
.amar-cs__tooltip{position:absolute;top:4px;right:6px;font-size:11px;font-weight:500;color:var(--amar-ink);background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;padding:2px 9px;opacity:0;transform:translateY(3px)}
.amar-console-show__panel.is-active .amar-cs__tooltip{animation:amarRise .5s cubic-bezier(.22,1,.36,1) 1.35s both}
/* Console: health live dot, usage live row, wallet toast, key copy */
.amar-cs__health span{display:inline-flex;align-items:center;gap:7px}
.amar-cs__livedot{width:7px;height:7px;border-radius:50%;background:var(--amar-success);animation:amarpulse 2s infinite}
.amar-cs__ledger li{will-change:transform,opacity}
.amar-console-show__panel.is-active .amar-cs__ledger .amar-cs__live{box-shadow:inset 3px 0 0 var(--amar-success)}
.amar-cs__live b{color:var(--amar-success)}
.amar-cs__toast{margin:0;font-size:12.5px;font-weight:500;color:var(--amar-ink);background:rgba(48,209,88,.12);border:1px solid rgba(48,209,88,.45);border-radius:4px;padding:7px 12px;opacity:0}
.amar-console-show__panel.is-active .amar-cs__toast{animation:amarToastIn .6s cubic-bezier(.22,1,.36,1) .9s both}
@keyframes amarToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.amar-cs__capcell{display:flex;align-items:center;gap:8px}
.amar-cs__copy{font-size:10.5px;font-weight:500;color:var(--amar-muted);border:1px solid var(--amar-border);border-radius:4px;padding:2px 7px}
/* Console: chrome live pip (JS updates only the label span text) */
.amar-console-show__label{display:flex;align-items:center;gap:7px}
.amar-console-show__pip{width:7px;height:7px;border-radius:50%;background:var(--amar-success);animation:amarpulse 2s infinite}
/* Console: simpler responsive chart height */
@media(max-width:560px){.amar-cs__svg{height:96px}}
/* Freeze all showcase motion for reduced-motion users (final states) */
@media(prefers-reduced-motion:reduce){
  .amar-bar{transform:scaleY(var(--bar,1))}
  .amar-bar--x{transform:scaleX(var(--bar,1))}
  .amar-draw{stroke-dashoffset:0}
  .amar-show__panel [data-stagger] > *,.amar-console-show__panel [data-stagger] > *{opacity:1;transform:none}
  .amar-chat__typing{display:none!important}
  .amar-mock__shine,.amar-img__shine,.amar-img__ring,.amar-img__veil,.amar-agent__packet,.amar-api__link s,.amar-cs__dot,.amar-cs__tooltip,.amar-cs__toast{display:none!important}
  .amar-app__checkout{animation:none!important}
  .amar-img__scene{filter:saturate(1.06) contrast(1.04);transform:none;opacity:1}
  .amar-img__actions{opacity:1;transform:none}
  .amar-img__steps li{opacity:1}
  .amar-img__steps li::before{background:var(--amar-success);border-color:var(--amar-success)}
  .amar-img__steps li i{opacity:1}
  .amar-img__scene,.amar-img__actions,.amar-img__steps li,.amar-img__steps li::before,.amar-img__steps li i,.amar-api__sse,.amar-api__metrics,.amar-api__foot,.amar-show__panel [data-stagger] > *,.amar-console-show__panel [data-stagger] > *{animation:none!important}
  .amar-caret{animation:none!important}
  .amar-api__sse,.amar-api__metrics,.amar-api__foot{opacity:1;transform:none}
  .amar-agent__node{animation:none!important}
  .amar-cs__area{opacity:1}
  .amar-cs__live{box-shadow:none}
  .amar-cs__livedot,.amar-console-show__pip{animation:none}
  .amar-tilt{transition:none}
}
/* Models marquee */
.amar-models{padding:56px 0 8px;overflow:hidden}
.amar-models__head{margin-bottom:22px}
.amar-models__head .amar-section__sub{margin:0}
.amar-models__stats{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 26px;padding:0}
.amar-models__stats li{background:var(--amar-card);border:1px solid var(--amar-border);border-radius:4px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.amar-models__stats b{font-size:30px;letter-spacing:0;color:var(--amar-ink);line-height:1.1;font-variant-numeric:tabular-nums}
.amar-models__stats li > span{color:var(--amar-muted);font-size:13px}
.amar-models__viewport{display:grid;gap:12px;overflow:hidden;border-radius:4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.amar-models__track{display:flex;width:max-content;max-width:none}
.amar-models__track.track-l{animation:amarScrollL 46s linear infinite}
.amar-models__track.track-r{animation:amarScrollR 60s linear infinite}
.amar-models__dup{display:contents}
@keyframes amarScrollL{to{transform:translateX(-50%)}}
@keyframes amarScrollR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.amar-models__viewport:hover .amar-models__track,.amar-models__viewport:focus-within .amar-models__track{animation-play-state:paused}
.amar-model{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--amar-border);background:var(--amar-card);border-radius:4px;padding:9px 16px 9px 13px;margin-right:12px;white-space:nowrap}
.amar-model .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.amar-model .dot.t-text{background:var(--amar-ink)}
.amar-model .dot.t-image{background:var(--amar-warning)}
.amar-model .dot.t-video{background:var(--amar-token-t)}
.amar-model .dot.t-audio{background:var(--amar-token-a)}
.amar-model b{font-size:14px;font-weight:500}
.amar-model__type{font-size:11px;color:var(--amar-muted);border:1px solid var(--amar-border);border-radius:3px;padding:1px 7px;white-space:nowrap}
@media(max-width:700px){.amar-models__stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.amar-models__stats li{flex:0 0 150px;scroll-snap-align:start}.amar-models__track.track-l{animation-duration:65s}.amar-models__track.track-r{animation-duration:80s}.amar-model b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.amar-models__track{animation:none;flex-wrap:wrap;width:auto}.amar-models__viewport{-webkit-mask-image:none;mask-image:none}}
/* Responsive */
@media(max-width:1000px){.amar-hero__grid,.amar-console__grid{grid-template-columns:1fr}.amar-grid--4{grid-template-columns:repeat(2,1fr)}.amar-grid--3{grid-template-columns:1fr 1fr}.amar-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.amar-nav{display:none}.amar-nav__toggle{display:flex}.amar-grid--4,.amar-grid--3,.amar-grid--2{grid-template-columns:1fr}.amar-hero{padding:48px 0}.amar-hero__cta .amar-btn{flex:1;justify-content:center}.amar-footer__grid{grid-template-columns:1fr}}
/* === Mobile optimization patch (responsive, touch, safe-area, perf) === */
body.amar-ai-site a{-webkit-tap-highlight-color:color-mix(in srgb,var(--amar-ink) 15%,transparent)}
.amar-wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
/* Admin-bar offset for sticky header */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
/* RTL: use logical margin so nav stays opposite brand */
.amar-nav{margin-inline-start:auto;margin-left:auto}
[dir="rtl"] .amar-nav{margin-left:0}
/* Brand ellipsis prevents 360px overflow on long site names */
.amar-brand{min-width:0;flex:1}
.amar-brand__mark,.amar-brand__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amar-brand img{max-width:160px}
/* Prose + embeds: never cause horizontal scroll */
.amar-prose iframe,.amar-prose video,.amar-prose embed,.amar-prose object{max-width:100%;width:100%;height:auto;aspect-ratio:16/9}
.amar-prose figure,.amar-prose .wp-block-table,.amar-prose .wp-block-embed{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.amar-prose pre code{white-space:pre;word-break:normal}
.amar-card__media{display:block;overflow:hidden;border-radius:4px}
/* Comments + pagination + post nav stack on phones */
.amar-comments ol{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.amar-comments .comment-body{display:grid;gap:8px;overflow-wrap:anywhere}
.amar-comments .comment-meta,.amar-comments .reply{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.amar-comments .avatar{max-width:40px;height:auto;border-radius:50%}
.amar-pagination .nav-links,.post-navigation .nav-links{display:flex;flex-wrap:wrap;gap:10px}
.amar-pagination a,.amar-pagination span,.post-navigation a{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px}
/* Touch targets */
.amar-mobile__list a{display:flex;align-items:center;min-height:44px;padding:10px 4px}
.amar-footer__list a{display:inline-flex;align-items:center;min-height:44px}
.amar-btn--sm{min-height:44px}
.amar-faq__item summary{min-height:44px;display:flex;align-items:center}
/* Showcase meta wraps earlier (421-560px phones) */
@media(max-width:560px){.amar-chat__meta,.amar-agent__head,.amar-img__meta,.amar-cs__keymeta{flex-wrap:wrap;row-gap:6px}.amar-cs__balance{flex-wrap:wrap}.amar-cs__keys li{grid-template-columns:1fr}.amar-cs__capcell{flex-wrap:wrap}}
/* Agent flow on narrow phones: compact 2-up nodes, connectors hidden */
@media(max-width:480px){.amar-agent__node b{font-size:10px}.amar-agent__node span{font-size:8px}.amar-agent__log{font-size:10px}.amar-img__actions span{font-size:8.5px}}
/* Hero title + CTA stacking for 320-420px */
.amar-hero__title{font-size:var(--amar-fs-display)}
.amar-section{padding:var(--amar-section-y) 0}
.amar-cta{padding:clamp(44px,7vw,70px) 0}
@media(max-width:700px){.site-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.amar-header__inner{gap:12px;height:60px}.amar-brand__mark,.amar-brand__logo,.amar-brand__name-link{font-size:17px}.amar-brand img{max-width:132px;max-height:32px}.amar-brand__svg{width:32px;height:32px}}
@media(max-width:560px){.amar-header__actions .amar-btn--sm{display:none}.amar-hero__cta{flex-direction:column;align-items:stretch}.amar-hero__cta .amar-btn{flex:1 1 100%;justify-content:center}}
@media(min-width:561px) and (max-width:700px){.amar-header__actions .amar-btn--sm{padding:8px 12px;font-size:13px}}
/* Mobile dropdown: scrollable, safe-area aware, hidden on desktop */
.amar-mobile{max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
@media(min-width:701px){.amar-mobile{display:none!important}}
@media(max-width:700px){.amar-hero{overflow:hidden}.amar-hero__visual{min-width:0}.amar-hero__sub{font-size:1rem}}
/* Console KPIs: balanced 1-col on very small */
@media(max-width:380px){.amar-cs__kpis{grid-template-columns:1fr}.amar-show__stage,.amar-console-show__stage{min-height:0}}
/* Models stats scroll affordance */
.amar-models__stats{scroll-padding:20px}
/* Marquee offscreen pause (JS toggles .is-paused) */
.amar-models__viewport.is-paused .amar-models__track{animation-play-state:paused}
/* Safe-area for sticky header + footer */
.site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.site-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
/* Reduce motion + slow-update screens: kill marquee cost */
@media(update:slow){.amar-models__track{animation:none}}
/* 404 + loop cards: stack buttons, prevent long-title overflow */
.amar-cta__inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.amar-cta__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}
.amar-cta__actions .amar-btn{flex:1 1 auto;justify-content:center;min-width:min(100%,240px);max-width:320px}
.amar-card__title,.amar-card__excerpt{overflow-wrap:anywhere}
@media(max-width:380px){.amar-models__stats li{flex-basis:132px}.amar-hero__title{letter-spacing:0}.amar-show__chrome,.amar-console-show__chrome{gap:8px}}
/* === Models directory === */
.amar-models-dir__toolbar{display:grid;gap:12px;margin:22px 0 10px}
.amar-models-dir__search input{width:100%;min-height:44px}
.amar-models-dir__filters{display:flex;flex-wrap:wrap;gap:8px}
.amar-models-dir__filter{min-height:44px;padding:9px 16px;border-radius:4px;border:1px solid var(--amar-border);background:transparent;color:var(--amar-muted);font-weight:500;font-size:14px;cursor:pointer}
.amar-models-dir__filter.is-active{background:var(--amar-ink);border-color:transparent;color:var(--amar-inverted)}
.amar-models-dir__count{color:var(--amar-muted);font-size:13.5px;margin:6px 0 16px}
.amar-models-dir__card{display:flex;flex-direction:column;gap:12px}
.amar-models-dir__card .amar-model{margin:0}
.amar-models-dir__card a{margin-top:auto}
.amar-models-dir__empty{border:1px dashed var(--amar-border);border-radius:4px;padding:20px;color:var(--amar-muted)}
/* === Legal pages === */
.amar-legal__grid{display:grid;grid-template-columns:1.6fr .8fr;gap:28px;align-items:start}
.amar-legal__toc{margin:22px 0}
.amar-legal__toc ol{margin:8px 0 0;padding-inline-start:20px;display:grid;gap:8px}
.amar-legal__toc a{color:var(--amar-ink);text-decoration:underline;text-underline-offset:3px;font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.amar-legal .amar-faq__list{max-width:none}
.amar-legal .amar-card{scroll-margin-top:90px}
.amar-prose--inline{padding:0;max-width:none}
.amar-legal__side .amar-card{display:grid;gap:10px;position:sticky;top:86px}
.amar-legal__side p{margin:0}
/* === About === */
.amar-hero--about{border-bottom:1px solid var(--amar-border)}
@media(max-width:1000px){.amar-legal__grid{grid-template-columns:1fr}.amar-legal__side .amar-card{position:static}}
@media(max-width:700px){.amar-models-dir__grid{grid-template-columns:1fr}}
/* === Brand mark — monochrome ink with a pale-yellow fold, in both modes.
   The mark is inlined, so it inherits the theme's custom properties. === */
.amar-brand__svg .sla1,.amar-brand__svg .sla2,.amar-brand__svg .sla3,.amar-brand__svg .sla4,
.amar-brand__svg .sra1,.amar-brand__svg .sra2,.amar-brand__svg .sra3,.amar-brand__svg .sra4,
.amar-brand__svg .sra5,.amar-brand__svg .sra6{stop-color:var(--amar-ink)}
.amar-brand__svg .sfla1,.amar-brand__svg .sfla2,.amar-brand__svg .sfra1,.amar-brand__svg .sfra2{stop-color:var(--amar-accent)}
.amar-brand__svg #shadow feDropShadow{flood-color:var(--amar-ink);flood-opacity:.12}

/* ==========================================================================
   Design foundation — flat OpenCode system.
   No class is renamed, so theme.js / amar-showcase.js keep working.
   Nothing here reaches inside .amar-ai-wrapper (the plugin app shell).
   ========================================================================== */

/* --- Type system: IBM Plex Mono for Latin, Hind Siliguri for Bangla --- */
body.amar-ai-site h1,body.amar-ai-site h2,body.amar-ai-site h3,body.amar-ai-site h4,
.amar-section__title,.amar-hero__title,.amar-brand__name,.amar-brand__name-link,
.amar-footer__name,.amar-cta__inner h2,.amar-faq__item summary,
.amar-btn,.amar-pill,.amar-eyebrow,.amar-card h3,.amar-models__stats b{
  font-family:var(--amar-font-display);
}
body.amar-ai-site code,body.amar-ai-site kbd,body.amar-ai-site samp,body.amar-ai-site pre,
.amar-web__files,.amar-web__code,.amar-api__req,.amar-api__code,.amar-api__res,
.amar-agent__log,.amar-cs__ledger,.amar-cs__base,.amar-cs__keys code,.amar-show__url{
  font-family:var(--amar-font-mono);
}
/* Headings + strong labels keep the ink tone; body copy uses the softer
   OpenCode text tone set on body. */
body.amar-ai-site h1,body.amar-ai-site h2,body.amar-ai-site h3,body.amar-ai-site h4,
.amar-section__title,.amar-footer__name,.amar-footer__heading,
.amar-faq__item summary,.amar-review__name,.amar-pricing__fee-amount b{color:var(--amar-ink)}
.amar-section__title{font-weight:700;letter-spacing:0;font-size:var(--amar-fs-h2)}
.amar-section__sub{font-size:1rem;max-width:62ch}
.amar-hero__title{font-family:var(--amar-font-display);font-weight:700;letter-spacing:0;font-size:var(--amar-fs-display)}
.amar-hero__title .hl{background:var(--amar-accent);color:var(--amar-accent-ink)}
.amar-hero__sub{font-size:1rem}
/* Eyebrow / kicker used above section titles */
.amar-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;font-size:.75rem;font-weight:500;letter-spacing:var(--amar-tracking-wide);text-transform:uppercase;color:var(--amar-muted)}
.amar-eyebrow::before{content:"";width:20px;height:1px;background:var(--amar-border-strong)}

/* --- Flat surfaces: no grid, no noise, no orbs --- */
.amar-hero,.amar-section--alt,.amar-cta,.site-footer{position:relative}
.amar-hero__grid,.amar-section--alt > .amar-wrap,.amar-cta__inner,.amar-models > .amar-wrap{position:relative;z-index:1}
.amar-section--alt{background:var(--amar-bg2)}

/* --- Header polish --- */
.site-header::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--amar-hair)}
.amar-nav__list a{position:relative;transition:color var(--amar-dur-1) ease}
.amar-nav__list a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--amar-ink);transform:scaleX(0);transform-origin:left;transition:transform var(--amar-dur-2) var(--amar-ease)}
.amar-nav__list a:hover::after,.amar-nav__list a:focus-visible::after{transform:scaleX(1)}

/* --- Buttons: solid ink fill, flat, no sheen or glow --- */
.amar-btn{position:relative;transition:background var(--amar-dur-2) ease,border-color var(--amar-dur-2) ease,color var(--amar-dur-2) ease}
.amar-btn:active{opacity:.9}
.amar-btn:focus-visible{outline:2px solid var(--amar-ink);outline-offset:2px}

/* --- Cards: flat surface, hairline border, hover border only --- */
.amar-card{position:relative;border:1px solid var(--amar-border);border-radius:var(--amar-radius);background:var(--amar-card);box-shadow:none;transition:border-color var(--amar-dur-2) ease}
@media(hover:hover){
  .amar-card:hover{border-color:var(--amar-border-strong)}
}
.amar-card--featured{border-color:var(--amar-border-strong)}

/* --- Pills + marquee chips --- */
.amar-pill{background:transparent}
.amar-pill__dot{animation:amarpulse 2.2s infinite}
.amar-model{border:1px solid var(--amar-border);transition:border-color var(--amar-dur-2) ease}
.amar-model:hover{border-color:var(--amar-border-strong)}

/* --- Showcase frames: flat surface + hairline --- */
.amar-show,.amar-console-show{box-shadow:none}

/* --- Footer polish --- */
.site-footer{position:relative;background:var(--amar-bg2)}
.amar-footer__name,.amar-footer__heading{font-family:var(--amar-font-display)}
.amar-footer__list a{transition:color var(--amar-dur-1) ease}

/* --- Motion guards --- */
@media(prefers-reduced-motion:reduce){
  .amar-btn,.amar-card,.amar-model{transition:none}
  .amar-card:hover,.amar-model:hover,.amar-btn:hover{transform:none}
}

/* ==========================================================================
   Phase 2 — section elevation
   Trust strip, bento studios, console tabs, reviews, plans, FAQ, CTA,
   blog cards, 404 and the models directory. Additive; no renames.
   ========================================================================== */

/* --- Trust strip --- */
.amar-trust{padding:30px 0 6px}
.amar-trust .amar-eyebrow{display:flex;width:100%;justify-content:center;margin-bottom:16px}
.amar-trust__list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 36px;margin:0;padding:0}
.amar-trust__list li{font-family:var(--amar-font-display);font-weight:500;font-size:1rem;letter-spacing:0;color:var(--amar-faint);transition:color var(--amar-dur-2) ease}
.amar-trust__list li:hover{color:var(--amar-ink)}

/* --- Studios: compact bento --- */
.amar-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.amar-card--studio{display:flex;flex-direction:column;gap:6px;padding:16px}
.amar-card--studio .amar-card__head{display:flex;align-items:center;gap:10px}
.amar-studio__chip{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:4px;color:var(--amar-ink);background:transparent;border:1px solid var(--amar-border)}
.amar-studio__chip svg{width:16px;height:16px}
.amar-card--studio h3{margin:0;font-size:1rem;line-height:1.2}
.amar-card--studio p{margin:0;font-size:.875rem;color:var(--amar-muted)}
.amar-card--studio a{margin-top:auto;padding-top:4px;font-size:.8125rem}
@media(max-width:1000px){.amar-bento{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.amar-bento{grid-template-columns:1fr}}

/* --- Console scene tabs --- */
.amar-show__url{display:flex;align-items:center;justify-content:center;gap:7px}
.amar-console-show__pip{position:static;flex:none}
.amar-console-tabs{display:flex;align-items:center;gap:2px;margin-left:auto;padding:3px;border:1px solid var(--amar-border);border-radius:var(--amar-r-pill);background:var(--amar-sunken);max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.amar-console-tabs::-webkit-scrollbar{display:none}
.amar-console-tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--amar-muted);font-family:var(--amar-font-display);font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:var(--amar-r-pill);cursor:pointer;white-space:nowrap;transition:color var(--amar-dur-1) ease,background var(--amar-dur-2) ease}
.amar-console-tab:hover{color:var(--amar-ink)}
.amar-console-tab.is-active{color:var(--amar-inverted);background:var(--amar-ink)}
@media(max-width:640px){.amar-console-show__chrome{gap:8px}.amar-console-tabs{order:5;flex-basis:100%;margin:6px 0 0}}

/* --- Reviews --- */
.amar-review__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.amar-review__verified{display:inline-flex;align-items:center;gap:6px;font-family:var(--amar-font-display);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--amar-muted)}
.amar-review__verified::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amar-success)}

/* --- Pricing: one card-free panel (header row + coverage grid + footer bar) --- */
.amar-pricing__panel{position:relative;max-width:1000px;margin:0 auto;padding:clamp(20px,2.8vw,30px);border:1px solid var(--amar-border);border-radius:var(--amar-radius);background:var(--amar-bg2);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(15px,2.1vw,22px) clamp(24px,4vw,52px);align-items:start}
.amar-pricing__intro{min-width:0}
.amar-pricing__panel .amar-section__title{font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.15}
.amar-pricing__lead{margin:7px 0 0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.5;color:var(--amar-text);max-width:44ch}
/* Fee anchor: the monthly price, i.e. none. */
.amar-pricing__fee{max-width:34ch;text-align:end}
.amar-pricing__fee-amount{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin:0}
.amar-pricing__fee-amount b{font-family:var(--amar-font-display);font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1;letter-spacing:0}
.amar-pricing__fee-amount span{font-weight:500;font-size:.9375rem;color:var(--amar-muted)}
.amar-pricing__fee-note{margin:6px 0 0;color:var(--amar-muted);font-size:.875rem;line-height:1.45}
/* Coverage grid */
.amar-pricing__covers{grid-column:1/-1;min-width:0;padding-top:clamp(14px,1.9vw,18px);border-top:1px solid var(--amar-border)}
.amar-pricing__covers-title{margin:0 0 10px;font-size:.7rem;font-weight:500;letter-spacing:var(--amar-tracking-wide);text-transform:uppercase;color:var(--amar-muted)}
.amar-pricing__includes{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 22px;margin:0;padding:0;font-size:.9375rem;line-height:1.4}
.amar-pricing__includes li{display:flex;align-items:center;gap:8px;color:var(--amar-text);min-width:0}
.amar-pricing__includes li::before{content:"\2713";flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;background:var(--amar-accent);border:1px solid var(--amar-accent-line);color:var(--amar-accent-ink);font-size:10px;font-weight:700;line-height:1}
/* Footer bar */
.amar-pricing__foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;padding-top:clamp(14px,1.9vw,18px);border-top:1px solid var(--amar-border)}
.amar-pricing__note{margin:0;max-width:60ch;color:var(--amar-muted);font-size:.875rem}
.amar-pricing__actions{margin:0;display:flex}
@media(max-width:760px){
	.amar-pricing__panel{grid-template-columns:minmax(0,1fr)}
	.amar-pricing__fee{max-width:none;text-align:start}
	.amar-pricing__fee-amount{justify-content:flex-start}
	.amar-pricing__includes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){.amar-pricing__includes{grid-template-columns:minmax(0,1fr)}}

/* --- FAQ accordion --- */
.amar-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none}
.amar-faq__item summary::-webkit-details-marker{display:none}
.amar-faq__item summary::after{content:"+";flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--amar-border);color:var(--amar-muted);font-size:16px;font-weight:500;line-height:1;transition:transform var(--amar-dur-2) var(--amar-ease),color var(--amar-dur-2) ease,border-color var(--amar-dur-2) ease}
.amar-faq__item[open]{border-color:var(--amar-border-strong)}
.amar-faq__item[open] summary::after{content:"\2212";color:var(--amar-ink);border-color:var(--amar-border-strong)}

/* --- Final CTA panel --- */
.amar-cta__panel{position:relative;max-width:900px;margin:0 auto;padding:clamp(30px,5vw,52px);border:1px solid var(--amar-border);border-radius:var(--amar-radius);background:var(--amar-bg2)}

/* --- Blog cards --- */
.amar-blog__grid{margin-top:24px}
.amar-card--post{padding:0;overflow:hidden;display:flex;flex-direction:column}
.amar-card--post .amar-card__media{margin:0;border-radius:0}
.amar-card--post .amar-card__media img{width:100%;height:190px;object-fit:cover;display:block}
.amar-card--post .amar-card__meta{padding:18px 20px 0}
.amar-card--post .amar-card__title{padding:0 20px;margin:6px 0 0}
.amar-card--post .amar-card__excerpt{padding:0 20px 22px;margin:0;color:var(--amar-muted);font-size:.9375rem}

/* --- 404 --- */
.amar-404{max-width:760px;margin:0 auto;padding:clamp(48px,10vw,96px) 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.amar-404__code{font-family:var(--amar-font-display);font-weight:700;font-size:clamp(4rem,18vw,9rem);line-height:.9;letter-spacing:0;margin:0;color:var(--amar-ink)}
.amar-404__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

/* --- Footer status pill --- */
.amar-status{display:inline-flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:.8125rem;color:var(--amar-muted)}
.amar-status__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--amar-success);animation:amarpulse 2.2s infinite}

/* --- Models directory: sticky toolbar + inputs --- */
.amar-models-dir__search input:focus{outline:2px solid var(--amar-ink);outline-offset:1px;border-color:var(--amar-ink)}
.amar-models-dir__filter{transition:color var(--amar-dur-1) ease,background var(--amar-dur-2) ease,border-color var(--amar-dur-2) ease}
@media(min-width:701px){
  .amar-models-dir__toolbar{position:sticky;top:calc(var(--amar-header-h) + 10px);z-index:5;padding:12px;margin:22px 0 14px;border:1px solid var(--amar-border);border-radius:var(--amar-r-lg);background:color-mix(in srgb,var(--amar-bg2) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .admin-bar .amar-models-dir__toolbar{top:calc(var(--amar-header-h) + 42px)}
}
@media(prefers-reduced-motion:reduce){
  .amar-faq__item summary::after,.amar-status__dot{transition:none;animation:none}
}