/* Только геометрия публичной витрины; цвета и роли берутся из общей темы. */
body.page-public-home{background:var(--c-bg);}
.page-public-home .app.app-standalone{display:block;padding:0;}
.public-home{max-width:1240px;margin-inline:auto;padding:0 clamp(20px,4vw,56px);color:var(--c-text);}
.public-home p{line-height:1.65;}
.public-home h1,.public-home h2,.public-home h3{margin:0;text-transform:none;letter-spacing:-.025em;}
.public-home h1{font-size:clamp(38px,5.5vw,72px);line-height:1.06;font-weight:var(--ui-heading-weight);}
.public-home h2{font-size:clamp(26px,3.1vw,42px);line-height:1.18;font-weight:var(--ui-heading-weight);}
.public-home h3{font-size:calc(var(--ui-title-size) * 1.22);line-height:1.35;}
.public-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:98px;border-bottom:1px solid var(--c-border);}
.public-header>.btn{justify-self:end;}
.public-brand,.public-brand:link,.public-brand:visited{display:inline-flex;align-items:center;gap:10px;color:var(--c-text);font-size:calc(var(--ui-title-size) * 1.35);font-weight:var(--ui-heading-weight);text-transform:none;}
.public-brand-mark{display:grid;place-items:center;width:32px;height:36px;border:1px solid var(--c-accent);border-radius:6px 6px 12px 6px;color:var(--c-accent);background:var(--c-accent-soft);}
.public-brand-mark>.ui-icon{width:20px;height:20px;}
.public-nav{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;}
.public-nav a{color:var(--c-text-muted);}
.public-nav a:hover{color:var(--c-accent);}
.public-home a:focus-visible,.public-home summary:focus-visible{outline:2px solid var(--c-accent);outline-offset:5px;}
.public-summary{max-width:800px;margin-inline:auto;padding:34px 0 0;text-align:center;color:var(--c-text-muted);font-size:calc(var(--ui-body-size) * 1.1);}
.public-summary p{margin:0;}
.public-summary strong{display:block;margin-bottom:8px;color:var(--c-text);font-size:calc(var(--ui-title-size) * 1.3);font-weight:var(--ui-title-weight);}
.public-summary .public-name-accent{color:var(--c-accent);}
.public-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(30px,4vw,58px);padding:44px 0 72px;}
.public-eyebrow{margin:0 0 19px;color:var(--c-accent);font-size:var(--ui-meta-size);font-weight:var(--ui-heading-weight);letter-spacing:.08em;}
.public-lead{margin:28px 0 14px;font-size:calc(var(--ui-body-size) * 1.4);line-height:1.5;max-width:480px;}
.public-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px;}
.public-actions>.btn{min-height:44px;}
.public-workspace{margin:0;min-width:0;overflow:hidden;border:1px solid var(--c-border);border-radius:18px;background:linear-gradient(150deg,var(--c-panel),var(--c-card));box-shadow:0 22px 55px var(--c-tip-shadow);transform:rotate(-1deg);}
.public-demo-head{display:flex;align-items:center;gap:9px;padding:17px 20px;border-bottom:1px solid var(--c-border);font-size:var(--ui-title-size);}
.public-demo-dot{width:7px;height:7px;background:var(--c-accent);border-radius:50%;}
.public-demo-label{margin-left:auto;color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.public-demo-body{padding:20px;}
.public-demo-tabs{display:flex;gap:5px;margin-bottom:24px;color:var(--c-text-muted);font-size:var(--ui-navigation-size);}
.public-demo-tabs>span{padding:7px 11px;border:1px solid transparent;border-radius:6px;}
.public-demo-tabs>.public-demo-selected{color:var(--c-accent);background:var(--c-accent-soft);border-color:var(--c-border);}
.public-demo-date{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:9px;}
.public-demo-date>strong{font-size:var(--ui-title-size);}
.public-demo-task{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--c-border);}
.public-demo-task strong,.public-demo-decision strong{font-size:var(--ui-title-size);line-height:1.4;}
.public-demo-task p,.public-demo-decision p{margin:4px 0 0;font-size:var(--ui-meta-size);color:var(--c-text-muted);}
.public-demo-time{color:var(--c-text-muted);font-variant-numeric:tabular-nums;font-size:var(--ui-meta-size);}
.public-demo-state{padding:4px 7px;border:1px solid var(--c-border);border-radius:5px;font-size:var(--ui-meta-size);color:var(--c-text-muted);white-space:nowrap;}
.public-demo-project{padding:19px 0;}
.public-demo-project>div:first-child{display:flex;flex-direction:column;gap:7px;}
.public-demo-project .public-eyebrow{margin:0;font-size:var(--ui-meta-size);}
.public-demo-project strong{font-size:var(--ui-title-size);}
.public-demo-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px;}
.public-demo-stages>span{padding:8px 3px;text-align:center;border-top:3px solid var(--c-accent);background:var(--c-accent-soft);font-size:var(--ui-meta-size);overflow-wrap:anywhere;}
.public-demo-stages>span:nth-child(n+2){border-color:var(--c-border);background:var(--c-card-2);color:var(--c-text-muted);}
.public-demo-decision{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--c-border);border-radius:8px;padding:13px;background:var(--c-card-2);}
.public-demo-decision>.ui-icon{flex:none;width:18px;height:18px;color:var(--c-accent);}
.public-section{padding:72px 0;border-top:1px solid var(--c-border);scroll-margin-top:24px;}
.public-section-heading{max-width:650px;margin-bottom:35px;}
.public-section-heading>.public-eyebrow{margin-bottom:14px;}
.public-section-heading>p:last-child:not(.public-eyebrow){margin:20px 0 0;color:var(--c-text-muted);font-size:calc(var(--ui-body-size) * 1.12);}
.public-process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;}
.public-process>li{border-top:2px solid var(--c-accent);padding:23px 0 0;}
.public-step-number{display:block;margin-bottom:25px;font-size:calc(var(--ui-heading-size) * 2);color:var(--c-text-muted);font-variant-numeric:tabular-nums;}
.public-process p,.public-tools p,.public-roles p{margin:12px 0 0;color:var(--c-text-muted);font-size:calc(var(--ui-body-size) * 1.06);}
.public-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.public-tools>article{padding:26px;border:1px solid var(--c-border);border-radius:12px;background:var(--c-panel);}
.public-tools>article>.ui-icon{width:26px;height:26px;display:block;margin-bottom:24px;color:var(--c-accent);}
.public-ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:40px;align-items:center;}
.public-ai .public-section-heading{margin:0;}
.public-ai-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.public-ai-flow>li{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;gap:11px;min-width:0;}
.public-ai-flow>li:not(:last-child)::after{content:'→';position:absolute;left:calc(100% - 1px);top:15px;color:var(--c-text-muted);}
.public-ai-flow .ui-icon{width:50px;height:50px;padding:13px;border:1px solid var(--c-border);border-radius:12px;background:var(--c-accent-soft);color:var(--c-accent);}
.public-ai-flow strong{font-size:var(--ui-title-size);overflow-wrap:anywhere;}
.public-ai-flow span{font-size:var(--ui-meta-size);color:var(--c-text-muted);line-height:1.5;}
.public-audience{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:60px;}
.public-roles{display:flex;flex-direction:column;gap:30px;}
.public-roles>article{padding-left:26px;border-left:2px solid var(--c-border);}
.public-role-number{display:block;margin-bottom:10px;font-size:var(--ui-meta-size);color:var(--c-accent);}
.public-questions{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:60px;}
.public-faq details{border-bottom:1px solid var(--c-border);padding:20px 0;}
.public-faq details:first-child{padding-top:0;}
.public-faq summary{cursor:pointer;font-size:var(--ui-title-size);line-height:1.5;font-weight:var(--ui-title-weight);}
.public-faq p{margin:16px 0 0;color:var(--c-text-muted);font-size:var(--ui-body-size);}
.public-start{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:0 0 70px;padding:40px;border:1px solid var(--c-border);border-radius:16px;background:linear-gradient(120deg,var(--c-accent-soft),var(--c-panel));}
.public-start p:last-child{margin-bottom:0;color:var(--c-text-muted);}
.public-start .public-actions{margin:0;}
.public-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--c-border);padding:28px 0;}
.public-footer p{margin:0;color:var(--c-text-muted);font-size:var(--ui-meta-size);}
@media screen and (max-width:960px){
  .public-header{grid-template-columns:1fr auto;gap:18px;min-height:80px;}
  .public-nav{grid-row:2;grid-column:1/-1;padding-bottom:18px;}
  .public-hero{grid-template-columns:1fr;padding:48px 0;gap:38px;}
  .public-workspace{max-width:580px;width:100%;justify-self:center;transform:none;}
  .public-tools{grid-template-columns:repeat(2,minmax(0,1fr));}
  .public-ai,.public-audience,.public-questions{grid-template-columns:1fr;gap:32px;}
  .public-start{align-items:flex-start;flex-direction:column;}
}
@media screen and (max-width:600px){
  .public-header{gap:14px;}
  .public-nav{gap:20px;}
  .public-process,.public-tools{grid-template-columns:1fr;gap:24px;}
  .public-section{padding:48px 0;}
  .public-demo-body{padding:16px;}
  .public-demo-task{grid-template-columns:38px minmax(0,1fr);gap:8px;}
  .public-demo-state{grid-column:2;justify-self:start;}
  .public-ai-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;}
  .public-ai-flow>li:nth-child(2)::after{content:none;}
  .public-start{padding:26px;margin-bottom:48px;}
  .public-footer{align-items:flex-start;flex-direction:column;gap:12px;}
}
