/* Final homepage polish. The old mockup is no longer a visual target; this layer normalizes the live design. */
:root{
  --navy:#07091f;
  --navy-2:#0c1430;
  --navy-3:#13203f;
  --ink:#171a2c;
  --muted:#697184;
  --line:#e2e6ee;
  --off-white:#f7f8fb;
  --lavender:#f5f3fb;
  --cream:#fbf8f3;
  --orange:#f56b2c;
  --orange-2:#ff7a38;
  --violet:#5644c5;
  --violet-2:#6e5bd4;
  --blue:#356ad4;
  --green:#42a36b;
  --radius:18px;
  --shadow:0 14px 34px rgba(25,35,72,.09);
}
html{scroll-padding-top:calc(var(--header-h) + 20px)}
body,button,input,textarea,select{font-family:Inter,"Segoe UI",Arial,sans-serif}
body{font-size:15px;line-height:1.55}

/* Brand */
.site-header{height:var(--header-h);border:0;background:rgba(7,9,31,.97);box-shadow:0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.site-header::after{display:none}
.site-header__inner{height:var(--header-h)}
.brand{gap:10px}
.brand-mark{position:relative;width:38px;height:38px;border:0;border-radius:12px;background:linear-gradient(145deg,#ff7a38,#ee5520);box-shadow:0 8px 22px rgba(245,107,44,.23);overflow:hidden}
.brand-mark::after{display:none}
.brand-mark__stem{position:absolute;left:17px;top:12px;width:5px;height:17px;border-radius:4px;background:#fff}
.brand-mark__node{position:absolute;left:17px;top:6px;width:5px;height:5px;border-radius:50%;background:#fff}
.brand-name{display:flex;align-items:baseline;font-size:23px;font-weight:760;letter-spacing:-.035em;line-height:1}
.brand-name b{color:#ff7a38;font-weight:820}
.site-footer .brand-mark{width:34px;height:34px}.site-footer .brand-mark__stem{left:15px;top:11px;height:15px}.site-footer .brand-mark__node{left:15px;top:6px}.site-footer .brand-name{font-size:20px}

/* Buttons */
.button{min-height:48px;border-radius:15px;padding:0 20px;gap:14px;font-size:14px;line-height:1;font-weight:760}
.button>span{display:flex;align-items:center;min-width:0}
.button__icon{width:19px;height:19px;flex:0 0 19px;margin-left:auto}
.button--primary{background:linear-gradient(135deg,#f4692d,#f77930);box-shadow:0 10px 24px rgba(244,105,45,.22)}
.button--ghost,.button--ghost-light{border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.025)}
.button--outline-orange,.button--small-outline{border-radius:14px}
.button--violet{background:linear-gradient(135deg,#5b45c9,#4635b2)}
.hero__actions .button{min-width:220px;justify-content:space-between}
.hero__actions .button__icon{margin-left:18px}

/* Header and hero use one continuous dark surface. */
.hero{border:0;background:radial-gradient(circle at 78% 36%,rgba(67,92,181,.16),transparent 32%),linear-gradient(180deg,#07091f 0%,#080b24 100%)}
.hero::before{background:radial-gradient(circle at 70% 45%,rgba(66,91,188,.10),transparent 36%)}
.hero__mesh{opacity:.12}
.hero h1{font-size:clamp(40px,3.1vw,50px);line-height:1.04}
.hero__lead{font-size:15px;line-height:1.6;color:#ccd2e2}
.hero__stats{align-items:start;gap:24px;margin-top:30px}
.hero__stats div{min-width:0;padding-left:34px}
.hero__stats div::before{top:3px;width:20px;height:20px;border-width:3px;border-radius:6px}
.hero__stats dt{font-size:22px;line-height:1.05;white-space:nowrap}
.hero__stats dd{margin-top:7px;font-size:12px;line-height:1.2;color:#aeb7ca}

/* Seven cards are real links. Fewer competing colors, stronger hover state. */
.system-card{color:#fff;background:linear-gradient(145deg,rgba(20,33,67,.97),rgba(10,18,43,.94));border:1px solid rgba(128,151,211,.24);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer}
.system-card--sales,.system-card--stock,.system-card--docs,.system-card--logistics,.system-card--analytics,.system-card--production,.system-card--dev{background:linear-gradient(145deg,rgba(20,33,67,.97),rgba(10,18,43,.94))}
.system-card:hover,.system-card:focus-visible{transform:translateY(-4px);border-color:rgba(245,107,44,.78);background:linear-gradient(145deg,#17284f,#0c1735);box-shadow:0 20px 42px rgba(0,0,0,.34),0 0 0 1px rgba(245,107,44,.18)}
.system-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
.system-card__head>span{background:rgba(255,255,255,.08)}
.system-card__head b{transition:transform .18s ease}.system-card:hover .system-card__head b{transform:translateX(3px)}
.system-core{background:linear-gradient(145deg,#162441,#060a18 62%,#101a32)}

/* Process-break strip */
.process-breaks{border:0;background:#fff}
.process-breaks__inner{min-height:126px;padding-block:22px;grid-template-columns:230px minmax(0,1fr) 180px;gap:28px}
.process-breaks__title h2{font-size:24px;line-height:1.12;white-space:normal}
.process-breaks__title p{margin-top:8px;font-size:12px;line-height:1.4}
.process-breaks__items{gap:20px}
.problem-item{gap:11px;align-items:center}
.problem-item__icon,.problem-item__icon img{width:34px;height:34px;flex-basis:34px}
.problem-item strong{font-size:13px;line-height:1.25}.problem-item span{font-size:12px;line-height:1.25;margin-top:3px}
.process-breaks__inner>.button{min-height:48px;padding-inline:16px}

/* Widget showcase */
.widgets-section{padding:46px 0 0;border:0;background:#f6f5fa}
.section-intro--compact{padding-top:7px}
.section-intro--compact h2{font-size:32px;line-height:1.08}.section-intro--compact p{font-size:14px;line-height:1.55}
.feature-widget,.widget-card{border-color:#e0e2e9;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(40,43,74,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.feature-widget--link,.widget-card{color:inherit}
.feature-widget--link:hover,.feature-widget--link:focus-visible,.widget-card:hover,.widget-card:focus-visible{transform:translateY(-5px);border-color:#b9b1e6;box-shadow:0 18px 40px rgba(48,41,98,.13)}
.feature-widget--link:focus-visible,.widget-card:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.feature-widget{min-height:220px;padding:20px}.feature-widget__copy p{font-size:14px}
.card-kicker{font-size:13px}
.widget-card__cta{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#4433ad;font-size:13px;font-weight:760}.widget-card__cta svg{width:16px;height:16px}.widget-card__cta--compact{margin-top:12px}
.widget-slider{margin-top:24px}
.widget-slider__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.widget-slider__head>span{font-size:16px;font-weight:760}
.widget-slider__controls{display:flex;gap:8px}.widget-slider__controls button{width:42px;height:42px;border:1px solid #d6d9e2;border-radius:13px;background:#fff;color:#282a3b;font-size:18px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.widget-slider__controls button:hover:not(:disabled){border-color:#9d93dc;background:#f2f0fb;transform:translateY(-1px)}.widget-slider__controls button:disabled{opacity:.34;cursor:default}
.widgets-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 14px)/4);gap:14px;margin:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 18px}.widgets-grid::-webkit-scrollbar{display:none}.widget-card{scroll-snap-align:start;min-height:230px;padding:17px}.widget-card h3{font-size:16px;line-height:1.25}.widget-card p{font-size:13px;line-height:1.48;margin:10px 0 15px}.widget-card .ui-preview{margin-top:auto}
.custom-tool-strip{border:0;border-top:1px solid #dfdce9;background:transparent;margin-top:6px;padding-block:18px}.custom-tool-strip__title strong{font-size:15px}.custom-tool-strip__step{font-size:12px}

/* Simplify section palette. */
.architecture-band{border:0;background:#f7f8fb}
.architecture-row .system-constructor{background:#fbf8f3;border-right:1px solid #e5e4e1}.architecture-row .order-path{background:#f7f9fc;border-left:0}
.ecosystem{border:0;background:#f6f8fb}.how-faq{background:#fff}.final-cta{border:0}
.section-intro h2,.section-heading h2,.cases-panel h2,.how-faq h2{font-size:clamp(28px,2.15vw,36px);line-height:1.08}
.section-intro p,.section-heading p{font-size:14px;line-height:1.55}
.eyebrow{font-size:11px;letter-spacing:.1em}

/* Integrations: only untouched original PNGs where verified. No generic fake-dot icons. */
.ecosystem__grid{grid-template-columns:minmax(420px,.78fr) minmax(620px,1.22fr);gap:24px;padding-top:38px;padding-bottom:38px}
.integrations-panel,.cases-panel{background:transparent}
.integration-grid{gap:12px}.integration-card{min-height:0;padding:16px;border-radius:16px;border-color:#e1e5ec;box-shadow:none}.integration-card h3{margin-bottom:11px;font-size:14px;color:#34329a}.integration-card ul{gap:7px}.integration-card li{list-style:none}
.integration-brand{min-height:38px;padding:7px 10px;border:1px solid #e5e8ef;border-radius:11px;background:#f8f9fc;display:flex;align-items:center;gap:10px;color:#33394d;font-size:13px;font-weight:650;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.integration-brand::before{display:none!important}.integration-brand:first-child{background:#f8f9fc;border-color:#e5e8ef;color:#33394d}
.integration-brand:hover,.integration-brand:focus-visible{border-color:#b9b2e2;background:#f2f0fa;transform:translateX(2px)}
.integration-brand__logo{display:block;width:24px;height:24px;max-width:72px;flex:0 0 auto;object-fit:contain;object-position:center}
.integration-brand img[src*="amocrm"]{width:74px;height:26px;max-width:74px}.integration-brand img[src*="pecom"]{width:58px;height:25px;max-width:58px}
.integrations-panel__action{margin-top:18px}

/* Wider management dashboard; values and names stay on one readable line. */
.manager-dashboard{border-radius:20px;padding:24px;box-shadow:0 20px 46px rgba(9,21,50,.18)}
.manager-dashboard__head{align-items:flex-start;font-size:24px;line-height:1.15;gap:20px}.manager-dashboard__head small{font-size:11px;line-height:1.35;white-space:nowrap;margin-top:4px}
.manager-dashboard__metrics{gap:12px;margin-top:22px}.manager-dashboard__metrics div{padding:15px;border-radius:12px}.manager-dashboard__metrics span,.manager-dashboard__metrics small{font-size:11px;line-height:1.35}.manager-dashboard__metrics strong,.manager-dashboard__metrics div:first-child strong{font-size:20px;line-height:1.08;margin:8px 0;white-space:nowrap}
.manager-dashboard__body{grid-template-columns:1.2fr .78fr 1.08fr;gap:12px;margin-top:14px}.manager-dashboard__body>div{min-height:174px;padding:14px;border-radius:12px}.manager-chart .ui-preview__body{min-height:140px}.manager-chart .mock-chart{height:130px}.manager-funnel{gap:7px}.manager-funnel i{min-height:28px;font-size:12px;border-radius:7px}
.manager-list{gap:11px}.manager-list span{font-size:12px;grid-template-columns:28px minmax(116px,1fr) max-content;gap:9px}.manager-list i{width:24px;height:24px}.manager-list em{font-style:normal;line-height:1.2;white-space:nowrap}.manager-list b{font-size:12px;white-space:nowrap;text-align:right}
.manager-dashboard__footer{gap:18px;margin-top:16px}.manager-dashboard__footer span{font-size:11px;line-height:1.45}.manager-dashboard__footer .button{min-width:210px}
.cases-panel{grid-column:1/-1;margin-top:6px}.cases-panel__head{margin-bottom:14px}.case-card,.case-mini{border-radius:16px}.case-card--link{display:block;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.case-card--link:hover,.case-card--link:focus-visible{transform:translateY(-3px);border-color:#bcb5e2;box-shadow:0 15px 34px rgba(40,43,74,.10)}

/* Final CTA spacing */
.final-cta{background:radial-gradient(circle at 88% 50%,rgba(245,107,44,.34),transparent 26%),linear-gradient(110deg,#0b102c 0%,#17133f 55%,#4c258c 100%)}
.final-cta__inner{min-height:210px;padding-block:38px;grid-template-columns:minmax(0,1.35fr) auto minmax(270px,.65fr);gap:38px}
.final-cta__copy h2{max-width:760px;font-size:clamp(32px,2.5vw,42px);line-height:1.06;overflow-wrap:normal;word-break:normal}.final-cta__copy p{max-width:720px;font-size:14px;line-height:1.6}.final-cta__actions{gap:12px}.final-cta__actions .button{min-width:200px}

/* Footer */
.site-footer__grid{gap:30px;padding-block:26px}.site-footer h2{font-size:12px}.site-footer a,.site-footer span{font-size:11px}.site-footer__brand p{font-size:11px}

/* Placeholder pages intentionally stay minimal. */
.placeholder-hero{min-height:calc(100vh - var(--header-h) - 180px);display:grid;align-items:center}.placeholder-hero__inner{max-width:980px;margin-inline:auto;padding-block:70px}.placeholder-hero h1{max-width:850px;margin:0;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.05em}

@media(max-width:1240px){
  .widgets-grid{grid-auto-columns:calc((100% - 2 * 14px)/3)}
  .ecosystem__grid{grid-template-columns:1fr 1.2fr}.manager-dashboard__head{font-size:21px}.manager-list span{grid-template-columns:24px minmax(100px,1fr) max-content}
  .final-cta__inner{grid-template-columns:1fr auto}.flow-art{display:none}
}
@media(max-width:980px){
  .process-breaks__inner{grid-template-columns:1fr;gap:18px}.process-breaks__items{grid-template-columns:repeat(3,1fr)}.process-breaks__inner>.button{justify-self:start}
  .widgets-grid{grid-auto-columns:calc((100% - 14px)/2)}
  .ecosystem__grid{grid-template-columns:1fr}.cases-panel{grid-column:auto}.manager-dashboard{padding:20px}.manager-dashboard__body{grid-template-columns:1fr 1fr}.manager-list{grid-column:1/-1}.manager-dashboard__body>div{min-height:150px}
  .final-cta__inner{grid-template-columns:1fr;gap:24px}.final-cta__actions{justify-content:flex-start}
}
@media(max-width:640px){
  .site-header{background:#07091f}.brand-name{font-size:20px}.brand-mark{width:34px;height:34px}.brand-mark__stem{left:15px;top:11px;height:15px}.brand-mark__node{left:15px;top:6px}
  .button{min-height:50px;border-radius:15px;padding-inline:18px}.hero__actions .button{width:100%;min-width:0}.hero h1{font-size:37px}.hero__lead{font-size:15px}.hero__stats{gap:18px 12px}.hero__stats div{padding-left:30px}.hero__stats dt{font-size:20px}.hero__stats dd{font-size:12px}
  .system-card:hover{transform:none}
  .process-breaks__inner{padding-block:26px}.process-breaks__items{grid-template-columns:1fr 1fr;gap:16px 12px}.problem-item:last-child{grid-column:1/-1}.problem-item strong{font-size:12px}.problem-item span{font-size:11px}
  .widgets-section{padding-top:34px}.section-intro--compact h2{font-size:28px}.feature-widget{padding:18px}.widgets-grid{grid-auto-columns:minmax(270px,84vw)}.widget-slider__controls button{width:40px;height:40px}.custom-tool-strip{padding-inline:0}
  .integration-grid{grid-template-columns:1fr}.integration-card{padding:14px}.integration-brand{font-size:13px;min-height:40px}
  .manager-dashboard{padding:17px;border-radius:17px}.manager-dashboard__head{font-size:20px}.manager-dashboard__head small{white-space:normal}.manager-dashboard__metrics{grid-template-columns:1fr 1fr}.manager-dashboard__metrics strong,.manager-dashboard__metrics div:first-child strong{font-size:17px}.manager-dashboard__body{grid-template-columns:1fr}.manager-list{grid-column:auto}.manager-list span{font-size:11px;grid-template-columns:24px minmax(0,1fr) max-content}.manager-list em{white-space:normal}.manager-list b{font-size:11px}.manager-dashboard__footer{align-items:stretch}.manager-dashboard__footer .button{width:100%;min-width:0}
  .final-cta__inner{padding-block:42px}.final-cta__copy h2{font-size:31px}.final-cta__copy p{font-size:14px}.final-cta__actions .button{width:100%;min-width:0}
  .placeholder-hero__inner{padding-block:50px}.placeholder-hero h1{font-size:44px}
}