/* SheellCore Alive 2026 — luminous liquid-glass art direction */
:root {
  --bg: #f7f2eb;
  --bg-2: #fffaf5;
  --surface: rgba(255, 255, 255, .58);
  --surface-strong: rgba(255, 255, 255, .78);
  --stroke: rgba(77, 57, 47, .12);
  --stroke-strong: rgba(77, 57, 47, .2);
  --text: #282421;
  --muted: #6f665f;
  --muted-2: #958a82;
  --blue: #7d65d9;
  --blue-2: #6248bf;
  --orange: #ff8b5d;
  --orange-2: #f46848;
  --cyan: #7aa08a;
  --green: #739e82;
  --danger: #d55258;
  --peach: #ffb78f;
  --lilac: #b9a3f4;
  --sage: #aec9b5;
  --cream: #fff8ef;
  --shadow: 0 30px 90px rgba(92, 63, 47, .14);
}

html { background: var(--bg); }
body {
  color: var(--text);
  background:
    radial-gradient(circle at 6% 3%, rgba(255, 183, 143, .5), transparent 25rem),
    radial-gradient(circle at 94% 14%, rgba(185, 163, 244, .34), transparent 29rem),
    radial-gradient(circle at 52% 58%, rgba(174, 201, 181, .28), transparent 31rem),
    linear-gradient(145deg, #fffaf4 0%, #f5efe8 48%, #fbf7f1 100%);
  background-attachment: fixed;
}
body::before {
  opacity: .45;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.9) 0 1px, transparent 1.5px),
    linear-gradient(rgba(92,63,47,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,63,47,.025) 1px, transparent 1px);
  background-size: 19px 19px, 52px 52px, 52px 52px;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 82%);
}
body::after {
  content: "";
  position: fixed;
  z-index: -1;
  inset: auto -12rem -14rem auto;
  width: 38rem;
  height: 38rem;
  border-radius: 44% 56% 63% 37% / 44% 44% 56% 56%;
  background: linear-gradient(135deg, rgba(255,139,93,.16), rgba(185,163,244,.16));
  filter: blur(3px);
  animation: aliveMorph 18s ease-in-out infinite alternate;
}
@keyframes aliveMorph { to { transform: translate(-8vw,-5vh) rotate(14deg); border-radius: 62% 38% 42% 58% / 55% 61% 39% 45%; } }

::selection { background: rgba(255,139,93,.28); color: #171310; }
.glass {
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.38));
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(92,63,47,.05), var(--shadow);
  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
}
.interactive-glow::before {
  background: radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(255,183,143,.22), transparent 44%);
}

/* Floating, bright navigation */
.site-nav { padding: 16px 0; }
.nav-shell {
  width: min(calc(100% - 32px), 1280px);
  padding: 8px 10px 8px 14px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 24px;
  background: rgba(255,250,245,.62);
  box-shadow: 0 16px 48px rgba(91,61,43,.09), inset 0 1px 0 #fff;
  backdrop-filter: blur(24px) saturate(150%);
}
.site-nav.scrolled { background: transparent; border: 0; backdrop-filter: none; }
.brand { color: #2b2622; }
.brand img { filter: drop-shadow(0 8px 14px rgba(105,76,53,.16)); }
.nav-menu a { color: #6d625a; }
.nav-menu a:hover, .nav-menu a[aria-current="page"] { color: #241f1b; }
.nav-menu a[aria-current="page"]::after { background: linear-gradient(90deg, #f07152, #8f72de); }
.nav-toggle { border-color: rgba(77,57,47,.14); background: rgba(255,255,255,.56); }
.nav-toggle span { background: #2d2722; }

.btn {
  border-radius: 15px;
  box-shadow: 0 10px 28px rgba(84,57,41,.1), inset 0 1px 0 rgba(255,255,255,.75);
}
.btn-primary {
  color: #241811;
  background: linear-gradient(135deg, #ffb36f 0%, #ff8062 50%, #d6b8ff 120%);
  box-shadow: 0 14px 34px rgba(237,111,77,.2), inset 0 1px 0 rgba(255,255,255,.7);
}
.btn-primary:hover { box-shadow: 0 18px 45px rgba(237,111,77,.28); }
.btn-secondary, .btn-ghost {
  color: #352e29;
  background: rgba(255,255,255,.56);
  border-color: rgba(73,53,42,.12);
}
.btn-secondary:hover, .btn-ghost:hover { color: #171310; background: rgba(255,255,255,.88); border-color: rgba(73,53,42,.2); }
.text-link, .legal-shell a, .contact-direct a, .consent a { color: #7755c4; }
.eyebrow {
  color: #6e4eb5;
  background: rgba(255,255,255,.46);
  border: 1px solid rgba(255,255,255,.84);
  box-shadow: inset 0 1px 0 white, 0 8px 24px rgba(108,77,49,.07);
}
.status-dot { background: #69a67b; box-shadow: 0 0 0 5px rgba(105,166,123,.12); }

/* Human hero */
.home-hero { min-height: 100svh; padding-top: 142px; overflow: visible; }
.home-hero-grid { grid-template-columns: .88fr 1.12fr; gap: clamp(40px, 5vw, 82px); }
.hero-aurora { filter: blur(1px); opacity: .48; }
.hero-aurora-a { left: -18rem; top: 10%; background: rgba(255,183,143,.55); border-radius: 48% 52% 62% 38%; }
.hero-aurora-b { right: -15rem; bottom: 2%; background: rgba(185,163,244,.42); border-radius: 60% 40% 46% 54%; }
.hero-copy h1, .product-intro h1, .modules-copy h1, .security-copy h1, .story-copy h1, .contact-copy h1, .demo-copy h1 {
  color: #29231f;
  font-size: clamp(3.6rem, 6.5vw, 6.7rem);
  line-height: .91;
  letter-spacing: -.075em;
}
.hero-copy h1 span, .product-intro h1 span, .modules-copy h1 span, .security-copy h1 span, .story-copy h1 span, .contact-copy h1 span, .demo-copy h1 span {
  background: linear-gradient(105deg, #e86145 0%, #a56ad2 53%, #5e9271 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero-lead, .product-intro > p, .modules-copy > p, .security-copy > p, .story-copy > p, .contact-copy > p, .demo-copy > p { color: var(--muted); }
.hero-proof span { color: #655a53; border-color: rgba(86,61,47,.1); background: rgba(255,255,255,.48); }
.human-note { color: #685d55; }
.human-note i { background: url('/assets/img/hero-human-2026.webp') center/cover; box-shadow: 0 8px 22px rgba(136,94,66,.2); }
.hero-photo-stage { position: relative; min-height: 660px; }
.hero-photo-wrap {
  position: absolute;
  inset: 0 0 32px 5%;
  overflow: hidden;
  border-radius: 38% 18% 28% 16% / 22% 26% 18% 32%;
  box-shadow: 0 38px 100px rgba(103,70,50,.22), inset 0 1px 0 white;
  transform: rotate(1.2deg);
}
.hero-photo-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(125deg, rgba(255,255,255,.18), transparent 42%, rgba(255,168,121,.09));
}
.hero-photo-wrap img { width: 100%; height: 100%; object-fit: cover; }
.hero-float {
  position: absolute;
  z-index: 3;
  border-radius: 24px;
  padding: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.96);
  box-shadow: 0 20px 50px rgba(89,57,39,.16), inset 0 1px 0 white;
  backdrop-filter: blur(24px) saturate(160%);
}
.hero-float strong { display: block; color: #302822; }
.hero-float small { display: block; color: #786b63; margin-top: 2px; }
.hero-float-a { left: -2%; top: 12%; min-width: 205px; animation: floatAlive 5s ease-in-out infinite; }
.hero-float-b { right: -2%; bottom: 14%; min-width: 220px; animation: floatAlive 6s ease-in-out infinite reverse; }
.hero-float-b .float-people { display: flex; margin-top: 10px; }
.float-people i { width: 30px; height: 30px; margin-left: -6px; border-radius: 50%; border: 2px solid white; background: linear-gradient(135deg,#ffb487,#bca6f1); }
.float-people i:first-child { margin-left: 0; background: linear-gradient(135deg,#aac8b3,#f4cf96); }
.float-people i:nth-child(3) { background: linear-gradient(135deg,#f08b71,#ddc5f5); }
.hero-live-pill { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 8px; color: #6b5f57; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.hero-live-pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #72a982; box-shadow: 0 0 0 5px rgba(114,169,130,.13); }
@keyframes floatAlive { 50% { transform: translateY(-10px) rotate(-1deg); } }

/* Light product glass */
.section-heading h2, .trust-panel h2, .cta-stage h2, .solution-flow h2, .integration-panel h2, .contact-side h3 { color: #2d2723; }
.section-heading p, .trust-panel p, .cta-stage p, .future-copy p, .integration-panel p { color: var(--muted); }
.command-window { background: rgba(255,255,255,.5); border-color: rgba(255,255,255,.92); box-shadow: 0 35px 90px rgba(97,66,47,.14), inset 0 1px 0 white; }
.window-topbar { background: rgba(255,255,255,.42); border-color: rgba(77,57,47,.08); }
.window-title, .window-status { color: #756a62; }
.command-sidebar { border-color: rgba(77,57,47,.08); }
.command-sidebar span { color: #756a62; }
.command-sidebar span.active { color: #684ab4; background: rgba(185,163,244,.18); }
.command-kpis > div, .signal-chart, .command-events, .command-events > div {
  color: #302923;
  background: rgba(255,255,255,.5);
  border-color: rgba(77,57,47,.08);
}
.command-kpis small, .command-kpis span, .chart-head, .command-events > div { color: #786e66; }
.chart-bars i { background: linear-gradient(180deg, #a489e7, #f3b08c); box-shadow: 0 0 22px rgba(173,126,200,.12); }
.command-events span { color: #a05fcb; }

.bento-card, .module-app, .principle-card, .principles-grid article, .contact-side-card, .clinic-day article, .accounting-board article, .employee-board article, .stock-grid article, .team-grid article, .demo-metrics article {
  color: #302923;
  background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.38));
  border-color: rgba(255,255,255,.95);
  box-shadow: 0 24px 60px rgba(89,60,44,.09), inset 0 1px 0 white;
}
.bento-card p, .module-app p, .principle-card p, .principles-grid p, .contact-side-card p, .module-app small, .module-app .app-tags span { color: #736860; }
.bento-tags span, .module-app .app-tags span { color: #7655bd; background: rgba(185,163,244,.14); }
.bento-card:nth-child(2), .module-app:nth-child(4n+2) { background: linear-gradient(145deg, rgba(255,246,237,.9), rgba(255,214,190,.34)); }
.bento-card:nth-child(3), .module-app:nth-child(4n+3) { background: linear-gradient(145deg, rgba(246,242,255,.9), rgba(207,190,248,.32)); }
.bento-card:nth-child(4), .module-app:nth-child(4n+4) { background: linear-gradient(145deg, rgba(242,250,244,.9), rgba(190,220,199,.35)); }
.mini-meter, .stock-bar { background: rgba(80,61,50,.07); }
.mini-meter span { background: linear-gradient(90deg,#f08263,#9e80df,#7aa68a); }
.sector-ribbon { background: rgba(255,255,255,.45); border-color: rgba(255,255,255,.94); box-shadow: 0 25px 65px rgba(88,59,43,.1); }
.sector-ribbon a { border-color: rgba(78,57,46,.08); }
.sector-ribbon a:hover { background: rgba(255,255,255,.72); transform: translateY(-3px); }
.sector-ribbon span, .sector-ribbon small { color: #83776f; }
.trust-panel { background: linear-gradient(125deg, rgba(255,255,255,.68), rgba(255,224,207,.44), rgba(220,208,252,.4)); }
.trust-ring { border-color: rgba(137,98,190,.2); }
.trust-lock { color: #5e4553; background: linear-gradient(145deg,rgba(255,255,255,.8),rgba(213,193,250,.55)); border-color: rgba(130,94,175,.18); box-shadow: 0 24px 60px rgba(102,74,134,.16); }
.trust-visual > span { color: #6f625a; background: rgba(255,255,255,.72); border-color: rgba(77,57,47,.08); }
.cta-stage { color: #2b2420; background: linear-gradient(120deg, rgba(255,234,221,.9), rgba(255,255,255,.7), rgba(226,214,255,.76)); border: 1px solid white; box-shadow: 0 34px 90px rgba(103,68,47,.14); }

/* Human editorial section */
.human-work-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(34px,6vw,80px); align-items: center; }
.human-work-photo { position: relative; min-height: 610px; border-radius: 32px 88px 32px 32px; overflow: hidden; box-shadow: 0 35px 90px rgba(94,62,44,.18); }
.human-work-photo img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.human-work-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 58%,rgba(60,38,25,.38)); }
.human-work-caption { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 22px; padding: 18px 20px; border-radius: 20px; color: white; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.55); backdrop-filter: blur(18px); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
.human-work-caption strong, .human-work-caption small { display: block; }
.human-work-caption small { opacity: .84; margin-top: 3px; }
.human-work-copy h2 { font-size: clamp(2.6rem,5vw,4.7rem); line-height: .98; letter-spacing: -.06em; margin: 18px 0 22px; }
.human-work-copy > p { color: var(--muted); font-size: 1.08rem; }
.human-points { display: grid; gap: 10px; margin: 28px 0; }
.human-points div { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.48); border: 1px solid rgba(255,255,255,.8); }
.human-points span { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; color: #684ab0; background: linear-gradient(145deg,#fff,#e8dcff); font-weight: 850; }
.human-points strong { display: block; }
.human-points small { color: var(--muted); }

/* All inner-page structures become warm and translucent */
.product-stage, .modules-hero, .security-hero, .story-hero, .contact-hero, .demo-hero, .legal-hero, .solution-hero { color: var(--text); }
.core-system, .module-stack, .security-core, .story-visual, .contact-orbit, .demo-pulse, .solution-visual {
  background: radial-gradient(circle at 32% 24%, rgba(255,255,255,.9), rgba(255,230,214,.52) 42%, rgba(220,208,251,.45));
  border-color: rgba(255,255,255,.92);
  box-shadow: var(--shadow), inset 0 1px 0 white;
}
.core-center, .story-core, .contact-center, .trust-lock, .solution-mark { color: #4a3f38; }
.core-ring, .contact-orbit::after, .demo-pulse::before, .demo-pulse::after { border-color: rgba(117,83,164,.17); }
.core-node, .contact-orbit span, .orbit-label, .chaos-card { color: #62564e; background: rgba(255,255,255,.75); border-color: rgba(77,57,47,.1); }
.comparison-card, .flow-lane, .product-feature, .permission-matrix, .audit-timeline, .creator-panel, .roadmap-board, .contact-form-wrap, .demo-shell, .legal-shell, .solution-flow {
  color: #302923;
  background: rgba(255,255,255,.56);
  border-color: rgba(255,255,255,.92);
  box-shadow: 0 28px 80px rgba(91,61,45,.1), inset 0 1px 0 white;
}
.comparison-card.fragmented { background: linear-gradient(145deg,rgba(255,226,216,.62),rgba(255,255,255,.5)); }
.comparison-card p, .comparison-card li, .flow-lane p, .product-feature p, .creator-panel p, .roadmap-copy p { color: #71665f; }
.storyline::before { background: linear-gradient(#a985e0, rgba(169,133,224,.06)); }
.storyline article > span { color: #6f50b0; background: linear-gradient(145deg,#fff,#eadfff); border-color: rgba(118,82,165,.16); box-shadow: 0 10px 24px rgba(94,64,123,.1); }
.storyline p, .vision-copy p, .vision-board small { color: #71665f; }
.vision-board > div { border-color: rgba(77,57,47,.08); }
.vision-board span { color: #7655b9; }
.creator-panel { grid-template-columns: 1fr minmax(280px,.68fr); overflow: hidden; }
.creator-photo { min-height: 330px; position: relative; overflow: hidden; border-radius: 24px 60px 24px 24px; box-shadow: 0 24px 55px rgba(88,58,42,.15); }
.creator-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.creator-photo figcaption { position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 12px 14px; border-radius: 15px; color: white; background: rgba(69,47,35,.34); border: 1px solid rgba(255,255,255,.48); backdrop-filter: blur(16px); }
.island-map, .unified-map { background: rgba(255,255,255,.38); border-color: rgba(77,57,47,.08); }
.island-map i, .unified-map span { color: #5f554e; background: rgba(255,255,255,.78); border-color: rgba(77,57,47,.1); }
.unified-map div { color: #5e466c; background: linear-gradient(145deg,#fff,#e9ddff); border-color: rgba(112,79,155,.16); }
.module-filters button, .demo-tabs button { color: #756a62; border-color: rgba(77,57,47,.1); background: rgba(255,255,255,.42); }
.module-filters button.active, .demo-tabs button.active { color: #4c376f; background: rgba(209,190,249,.42); border-color: rgba(119,83,166,.2); }
.module-app .app-code { color: #5c456f; }
.module-detail-link { color: #7855bd; }
.permission-matrix > div, .audit-timeline > div, .roadmap-row, .demo-table > div, .demo-tabs, .demo-shell-top { border-color: rgba(77,57,47,.08); }
.permission-matrix span, .permission-matrix small, .audit-timeline p, .audit-timeline small, .roadmap-row span { color: #756a62; }
.security-layer { color: #302923; background: rgba(255,255,255,.48); border-color: rgba(255,255,255,.86); }
.security-layer span, .security-layer b { color: #776a62; }
.feature-console, .future-radar, .sector-tile, .module-stack .stack-card, .contact-paths > div {
  color: #302923;
  background: linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.34));
  border-color: rgba(255,255,255,.9);
  box-shadow: 0 24px 60px rgba(90,60,44,.1), inset 0 1px 0 white;
}
.console-top, .console-steps > div { border-color: rgba(77,57,47,.08); }
.console-top small, .console-steps > div, .sector-tile > span, .sector-tile p, .contact-paths small { color: #746961; }
.console-steps .done { color: #507e60; }
.console-steps .active { color: #674a9d; background: rgba(221,208,250,.34); }
.feature-copy p, .feature-list span { color: #71665f; }
.feature-list span { background: rgba(255,255,255,.46); border-color: rgba(77,57,47,.08); }
.flow-track div { color: #544942; background: rgba(255,255,255,.5); border-color: rgba(77,57,47,.08); }
.flow-track div b { color: #7a58b8; }
.flow-track i { background: linear-gradient(90deg,rgba(240,128,98,.3),rgba(159,128,222,.35)); }
.sector-tile:nth-child(2) { background: linear-gradient(145deg,rgba(255,245,237,.9),rgba(255,211,188,.42)); }
.sector-tile:nth-child(3) { background: linear-gradient(145deg,rgba(243,250,245,.9),rgba(192,219,200,.4)); }
.sector-tile:nth-child(4) { background: linear-gradient(145deg,rgba(246,242,255,.9),rgba(214,199,249,.4)); }
.sector-schema b, .sector-route b { color: #5d4a46; background: rgba(255,255,255,.65); border-color: rgba(77,57,47,.08); }
.sector-schema i, .sector-route i { background: rgba(104,72,137,.18); }
.future-radar { background: radial-gradient(circle,rgba(255,255,255,.82),rgba(222,210,251,.4),rgba(255,221,202,.4)); }
.future-radar::before, .future-radar::after { border-color: rgba(111,78,151,.13); }
.radar-core { color: #523f5e; background: rgba(255,255,255,.8); border-color: rgba(107,76,143,.15); }
.future-radar span { color: #655a53; background: rgba(255,255,255,.76); border-color: rgba(77,57,47,.08); }
.module-stack .stack-card small, .contact-paths small { color: #796e66; }
.contact-paths span { color: #7856b8; }
.contact-side-card.highlight { background: linear-gradient(145deg,rgba(255,230,215,.76),rgba(232,220,255,.62)); }
.shield-shell { background: linear-gradient(145deg,#fff,rgba(241,153,118,.8),rgba(176,147,232,.72)); border-color: rgba(119,84,158,.17); box-shadow: 0 30px 70px rgba(92,61,106,.13); filter: drop-shadow(0 24px 42px rgba(129,87,107,.17)); }
.shield-inner { color: #493a45; background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,226,211,.88),rgba(229,218,252,.9)); }
.security-sat { color: #61564f; background: rgba(255,255,255,.78); border-color: rgba(77,57,47,.09); box-shadow: 0 14px 32px rgba(86,57,42,.11); }
.shield-lock { color: #684e72; }
.legal-privacy-note { margin-top: 16px; padding: 15px 17px; border-radius: 16px; background: rgba(227,215,251,.34); border: 1px solid rgba(120,84,166,.12); }
.demo-workspace { background: rgba(255,255,255,.36); }
.demo-panels { color: #312a25; }
.demo-panel-head small, .demo-metrics small, .demo-metrics span, .demo-table small, .stock-grid span, .team-grid span, .team-grid small, .demo-context { color: #796e66; }
.demo-panel-head > span { color: #7152b7; background: rgba(185,163,244,.18); }
.demo-chart, .demo-table, .demo-kanban > div, .invoice-concept, .restaurant-table { background: rgba(255,255,255,.45); border-color: rgba(77,57,47,.08); }
.demo-line i { background: linear-gradient(180deg,#ad8ce5,#f5b28c); }
.demo-table .th { color: #71665f; background: rgba(255,255,255,.42); }
.demo-kanban span, .invoice-lines span { color: #71665f; background: rgba(255,255,255,.45); border-color: rgba(77,57,47,.07); }
.restaurant-table.free { border-color: rgba(87,151,106,.32); }
.restaurant-table.busy { border-color: rgba(235,126,78,.34); background: rgba(255,216,195,.35); }
.restaurant-table.reserved { border-color: rgba(138,105,197,.32); background: rgba(224,212,251,.36); }
.contact-form input, .contact-form select, .contact-form textarea { color: #2c2622; background: rgba(255,255,255,.72); border-color: rgba(77,57,47,.13); }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #a0948b; }
.contact-form label, .request-type legend { color: #5c514a; }
.request-type label span { color: #655a53; background: rgba(255,255,255,.52); border-color: rgba(77,57,47,.1); }
.request-type input:checked + span { color: #4f397a; background: rgba(218,203,250,.52); border-color: rgba(120,84,169,.22); }

/* Legal and cookie UI: legible, minimal personal exposure */
.legal-hero p, .legal-shell p, .legal-shell li, .legal-data dt, .cookie-table td { color: #70655d; }
.legal-updated { color: #6a4eb0; background: rgba(218,204,249,.4); }
.legal-data { background: rgba(255,255,255,.45); border-color: rgba(77,57,47,.09); }
.legal-data dd, .cookie-table th { color: #332b26; }
.cookie-table th, .cookie-table td { border-color: rgba(77,57,47,.09); }
.site-footer { color: #342c27; background: rgba(255,250,245,.56); border-color: rgba(77,57,47,.08); }
.footer-brand p, .footer-links a, .footer-bottom, .footer-legal { color: #746961; }
.cookie-banner { color: #302923; background: rgba(255,250,245,.88); border-color: rgba(255,255,255,.95); box-shadow: 0 26px 80px rgba(80,52,37,.2), inset 0 1px 0 white; }
.cookie-copy p { color: #6e625b; }
.cookie-copy a { color: #7653bc; }
.cookie-button { color: #3a312b; background: rgba(255,255,255,.7); border-color: rgba(77,57,47,.14); }
.cookie-button:hover { background: white; border-color: rgba(112,77,55,.24); }
.cookie-button.primary { color: #2b1c16; background: linear-gradient(135deg,#ffc079,#ff8f6a); }
.cookie-link { color: #7152b2; }
.cookie-fab { color: #665b54; background: rgba(255,250,245,.78); border-color: rgba(77,57,47,.1); }
.cookie-dialog { color: #302923; background: #fffaf5; border-color: rgba(77,57,47,.12); box-shadow: 0 50px 130px rgba(73,45,31,.25); }
.cookie-dialog-head span { color: #7655b7; }
.cookie-dialog-head button { color: #493e37; background: rgba(255,255,255,.65); border-color: rgba(77,57,47,.1); }
.cookie-dialog-shell > p, .cookie-option small { color: #71665e; }
.cookie-option { border-color: rgba(77,57,47,.09); }

/* Cookie consent dialog: centred, compact and usable at every viewport size. */
.cookie-dialog[open] {
  position: fixed;
  inset: 0;
  width: min(560px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 28px;
  background: transparent;
  box-shadow: 0 34px 110px rgba(45,32,26,.28), 0 8px 28px rgba(45,32,26,.12);
  animation: cookie-dialog-enter .22s cubic-bezier(.2,.8,.2,1);
}
.cookie-dialog::backdrop {
  background: rgba(18,22,31,.62);
  -webkit-backdrop-filter: blur(9px) saturate(.8);
  backdrop-filter: blur(9px) saturate(.8);
}
.cookie-dialog-shell {
  display: grid;
  max-height: calc(100dvh - 32px);
  padding: 26px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  color: #302923;
  background:
    radial-gradient(circle at 100% 0, rgba(222,207,250,.42), transparent 38%),
    radial-gradient(circle at 0 100%, rgba(255,198,160,.26), transparent 34%),
    rgba(255,252,248,.98);
}
.cookie-dialog-head { align-items: center; }
.cookie-dialog-head h2 {
  max-width: 420px;
  margin-top: 5px;
  font-size: clamp(1.48rem, 3vw, 1.82rem);
  letter-spacing: -.035em;
}
.cookie-dialog-head button {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  line-height: 1;
  transition: transform .16s ease, background-color .16s ease;
}
.cookie-dialog-head button:hover { transform: rotate(6deg); background: white; }
.cookie-dialog-shell > p {
  margin: 15px 0 10px;
  font-size: .85rem;
  line-height: 1.58;
}
.cookie-option {
  min-height: 72px;
  margin-top: 8px;
  padding: 13px 15px;
  border: 1px solid rgba(77,57,47,.09);
  border-radius: 16px;
  background: rgba(255,255,255,.58);
}
.cookie-option span { gap: 4px; }
.cookie-option b { font-size: .92rem; }
.cookie-option small { font-size: .78rem; line-height: 1.45; }
.cookie-option input { flex: 0 0 auto; }
.cookie-option:has(input:disabled:not(:checked)) { opacity: .66; }
.cookie-dialog-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}
.cookie-dialog-actions .cookie-button {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
}
@keyframes cookie-dialog-enter {
  from { opacity: 0; transform: translateY(12px) scale(.975); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 560px) {
  .cookie-dialog[open] {
    width: min(100% - 20px, 560px);
    max-height: calc(100dvh - 20px);
    border-radius: 23px;
  }
  .cookie-dialog-shell {
    max-height: calc(100dvh - 20px);
    padding: 19px;
  }
  .cookie-dialog-head { gap: 12px; }
  .cookie-dialog-head h2 { font-size: 1.42rem; }
  .cookie-dialog-head button { width: 36px; height: 36px; }
  .cookie-option { min-height: 68px; padding: 12px 13px; }
  .cookie-dialog-actions { gap: 8px; }
  .cookie-dialog-actions .cookie-button { padding-inline: 9px; font-size: .73rem; }
}

/* Solution pages */
.solution-copy > p, .solution-back, .solution-visual > small { color: #756a62; }
.solution-copy h1 { color: #2b2521; }
.solution-visual > span { color: #302823; }
.solution-mark { background: linear-gradient(145deg,rgba(255,255,255,.85),rgba(255,196,166,.45),rgba(213,195,249,.46)); border-color: rgba(255,255,255,.95); box-shadow: 0 30px 70px rgba(94,61,44,.15); }
.solution-benefits article { color: #322a25; background: rgba(255,255,255,.56); border-color: rgba(255,255,255,.9); }
.solution-benefits span { color: #8060c1; }
.solution-benefits p { color: #50463f; }
.solution-flow li { background: rgba(255,255,255,.5); border-color: rgba(77,57,47,.08); }
.solution-flow li span { color: #94887f; }
.integration-panel { border-color: rgba(77,57,47,.09); }
.integration-chips span, .integration-chips a { color: #756a62; border-color: rgba(77,57,47,.1); background: rgba(255,255,255,.48); }
.integration-chips span { color: #664c9c; border-color: rgba(120,86,164,.2); background: rgba(221,207,250,.42); }

/* Lanzamientos: contenido real, cálido y legible sin estética de panel genérico */
.release-section { position: relative; }
.release-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.release-card { position:relative; min-height:390px; display:flex; flex-direction:column; overflow:hidden; padding:30px; border:1px solid rgba(255,255,255,.92); border-radius:32px; color:#302923; background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,237,226,.52)); box-shadow:0 28px 70px rgba(90,58,40,.11),inset 0 1px 0 #fff; transition:transform .28s ease,box-shadow .28s ease; }
.release-card::after { content:""; position:absolute; width:230px; height:230px; right:-95px; top:-95px; border-radius:50%; background:radial-gradient(circle,rgba(255,183,143,.58),transparent 68%); pointer-events:none; }
.release-card:hover { transform:translateY(-7px); box-shadow:0 36px 84px rgba(90,58,40,.16),inset 0 1px 0 #fff; }
.release-card small { margin-top:34px; color:#7658ad; font-size:.69rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.release-card h3 { margin:12px 0 12px; font-size:clamp(1.55rem,2.3vw,2.25rem); line-height:1.05; letter-spacing:-.035em; }
.release-card p { color:#70645c; font-size:.93rem; line-height:1.65; }
.release-card b { margin-top:auto; padding-top:28px; color:#654693; font-size:.85rem; }
.release-icon { position:relative; z-index:1; width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(106,77,139,.13); border-radius:17px; color:#5d436d; background:rgba(255,255,255,.7); box-shadow:0 12px 28px rgba(91,62,44,.1); font-weight:950; }
.release-contracts { background:linear-gradient(145deg,rgba(249,245,255,.9),rgba(221,207,250,.56)); }
.release-contracts::after { background:radial-gradient(circle,rgba(184,155,237,.5),transparent 68%); }
.release-audit { background:linear-gradient(145deg,rgba(244,251,246,.92),rgba(197,222,204,.53)); }
.release-audit::after { background:radial-gradient(circle,rgba(145,193,158,.46),transparent 68%); }

@media (max-width: 1080px) {
  .nav-panel { background: rgba(255,250,245,.96); border-color: rgba(77,57,47,.1); box-shadow: 0 30px 70px rgba(83,54,39,.17); }
  .nav-menu a[aria-current="page"] { color: #503a78; background: rgba(216,201,249,.4); }
  .nav-actions { border-color: rgba(77,57,47,.08); }
  .home-hero-grid, .human-work-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 860px; }
  .hero-photo-stage { min-height: 620px; width: min(820px,100%); margin-inline: auto; }
  .release-grid { grid-template-columns:1fr 1fr; }
  .release-card:last-child { grid-column:1 / -1; min-height:330px; }
}
@media (max-width: 760px) {
  body::after { width: 24rem; height: 24rem; }
  .site-nav { padding-top: 9px; }
  .nav-shell { width: min(calc(100% - 18px),1280px); border-radius: 20px; min-height: 58px; }
  .home-hero { padding-top: 116px; }
  .hero-copy h1, .product-intro h1, .modules-copy h1, .security-copy h1, .story-copy h1, .contact-copy h1, .demo-copy h1 { font-size: clamp(3rem,14vw,4.7rem); }
  .hero-photo-stage { min-height: 470px; margin-top: 8px; }
  .hero-photo-wrap { inset: 0 0 20px 0; border-radius: 60px 24px 60px 24px; transform: none; }
  .hero-float { padding: 12px; border-radius: 18px; }
  .hero-float-a { left: -2%; top: 8%; min-width: 164px; }
  .hero-float-b { right: -2%; bottom: 6%; min-width: 176px; }
  .hero-float strong { font-size: .86rem; }
  .hero-float small { font-size: .68rem; }
  .human-work-photo { min-height: 470px; border-radius: 30px 60px 30px 30px; }
  .human-work-copy h2 { font-size: 2.8rem; }
  .command-content { padding: 16px; }
  .cta-stage { padding: 34px 22px; }
  .cookie-banner { background: rgba(255,250,245,.95); }
  .release-grid { grid-template-columns:1fr; }
  .release-card,.release-card:last-child { grid-column:auto; min-height:350px; padding:24px; border-radius:26px; }
}

@media (prefers-color-scheme: dark) {
  html { color-scheme: light; }
}

/* Light public theme: legacy dark-theme pills must retain readable contrast. */
.feature-list span,
.security-points span,
.roadmap-row b {
  color: #543b83;
  background: #f2edf9;
  border-color: #d8cce9;
}