/* ====================================================================
   DESTAQUE EMPRESARIAL / COMING SOON
   Arquitetura: mobile-first, zero dependências, uma única viewport.
   ==================================================================== */
:root {
  color-scheme: dark;
  --bg: #080d15;
  --bg-deep: #070b12;
  --text: #f3f7f8;
  --text-muted: #8f9ba9;
  --accent: #8cf0bd;
  --accent-strong: #a0ffd1;
  --border: rgba(195, 226, 223, .10);
  --layout-x: clamp(25px, 5.75vw, 116px);
}
*, *::before, *::after { box-sizing: border-box; }
html { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body {
  width: 100%; min-width: 320px; height: 100%; margin: 0;
  background: var(--bg); color: var(--text);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  font-family: Inter, "Segoe UI", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  overflow: hidden;
}
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; border-radius: 5px; }
svg { display: block; }
.page-shell {
  position: relative; width: 100%; height: 100vh; height: 100svh;
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto;
  isolation: isolate; overflow: hidden;
  background: radial-gradient(ellipse 60% 58% at 76% 53%, #101f27 0%, transparent 74%),
              linear-gradient(115deg, #090e17 0%, #090e16 45%, #080d15 100%);
}
@supports(height:100dvh) { .page-shell { height: 100dvh; } }
.page-ambient { position:absolute; z-index:-1; pointer-events:none; border-radius:50%; filter:blur(2px); }
.page-ambient--left { width: 52vw; height: 52vw; left:-32vw; top:19%; background:radial-gradient(circle,#14302d 0%,transparent 65%); opacity:.37; }
.page-ambient--right { width:64vw;height:64vw;right:-24vw;top:-8vw;background:radial-gradient(circle,rgba(52,141,113,.105) 0%,transparent 61%); }
.page-grain { position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E"); }
.site-header, .site-footer { position:relative; z-index:7; display:flex; align-items:center; justify-content:space-between; padding-inline:var(--layout-x); }
.site-header { min-height:118px; padding-top:8px; }
.brand { display:inline-flex;gap:13px;align-items:center;width:max-content; transition:opacity .25s ease; }
.brand:hover { opacity:.88; }
.brand__symbol { display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;color:var(--accent); }
.brand__symbol svg { width:42px;height:42px; }
.brand__words { display:flex;flex-direction:column;gap:2px;line-height:1;white-space:nowrap; }
.brand__words strong { color:#f5f8f8;font-size:15px;letter-spacing:.17em;font-weight:800; }
.brand__words > span { color:#a9c3bf;font-size:9px;letter-spacing:.49em;font-weight:750; }
.development-status { display:inline-flex;align-items:center;gap:13px;white-space:nowrap;border:1px solid rgba(151,243,191,.18);padding:13px 17px 13px 14px;border-radius:100px;color:#cad5d5;font-size:10px;font-weight:700;letter-spacing:.19em; background:rgba(22,39,37,.29);backdrop-filter:blur(10px); }
.development-status__light { width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(140,240,189,.09),0 0 18px rgba(140,240,189,.8);animation:status-breathe 3.2s ease-in-out infinite; }

/* Primary layout */
.hero { position:relative;z-index:2;display:grid;grid-template-columns:minmax(390px, .91fr) minmax(0, 1.09fr);min-height:0;align-items:center;gap:12px;padding-inline:var(--layout-x); }
.hero-copy { position:relative;z-index:4;padding-bottom:clamp(0px,3vh,32px);margin-top:-2vh; }
.hero-copy__eyebrow { display:flex;align-items:center;gap:15px;white-space:nowrap;color:var(--accent);font-weight:780;font-size:11px;letter-spacing:.24em;margin-bottom:clamp(23px,3.2vh,40px); }
.eyebrow-line { width:34px;height:1px;background:var(--accent);box-shadow:0 0 16px rgba(140,240,189,.4); }
h1 { margin:0; color:#f4f7f7; font-size:clamp(52px,5.4vw,94px); line-height:1.06;letter-spacing:-.073em;font-weight:760; white-space:nowrap; }
h1 span { background:linear-gradient(112deg,#a5f5d0 0%,#77d6b1 45%,#b1f5db 100%);background-clip:text;-webkit-background-clip:text;color:transparent; }
.hero-copy__lead { color:#abb6c3;font-size:clamp(15px,1.37vw,20px);line-height:1.67;letter-spacing:-.016em;font-weight:400;margin:clamp(25px,4vh,42px) 0 0; }
.hero-copy__divider { height:1px;width:min(400px,88%);background:linear-gradient(90deg,rgba(213,243,235,.21),transparent);margin:clamp(29px,5vh,51px) 0 clamp(24px,3.5vh,35px); }
.hero-capabilities { display:flex;align-items:center;gap:20px;flex-wrap:nowrap; }
.capability { display:flex;align-items:center;gap:10px;white-space:nowrap;color:#b3c0c3;font-weight:720;font-size:clamp(8px,.73vw,10px);letter-spacing:.10em; }
.capability__icon {display:flex;align-items:center;justify-content:center;color:var(--accent);width:25px;height:25px;flex:none; }
.capability__icon svg { width:23px;height:23px; }
.hero-capabilities__separator { height:20px;width:1px;background:rgba(203,225,223,.16);flex:none; }

/* Animated product preview environment */
.showcase { position:relative;width:100%;max-width:760px;height:min(100%,680px);min-height:0;justify-self:center;align-self:center;display:flex;align-items:center;justify-content:center; }
.showcase__parallax { position:relative;width:100%;height:100%;max-height:650px;min-height:390px;container-type:inline-size;transform:translate3d(var(--mx,0px),var(--my,0px),0);will-change:transform; }
.showcase__grid {position:absolute;inset:6% -8% -3% 0;opacity:.3;mask-image:radial-gradient(ellipse at 55% 48%,#000 16%,transparent 66%);background-image:linear-gradient(rgba(173,249,213,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(173,249,213,.12) 1px,transparent 1px);background-size:43px 43px;transform:perspective(680px) rotateX(52deg) rotateZ(-24deg) scale(1.3); }
.showcase__halo { position:absolute;width:73%;aspect-ratio:1;left:15%;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(101,247,175,.11),rgba(42,117,108,.05) 38%,transparent 69%);filter:blur(12px);animation:halo-breathe 7s ease-in-out infinite; }
.showcase__orbital { position:absolute;top:50%;left:52%;border:1px solid rgba(127,233,188,.11);border-radius:50%;pointer-events:none; }
.showcase__orbital--one {width:69%;height:68%;transform:translate(-50%,-50%) rotate(-30deg);box-shadow:0 0 0 26px rgba(119,236,190,.01);animation:orbit-one 28s linear infinite;}
.showcase__orbital--one::after { content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:14%;left:14%;background:var(--accent);box-shadow:0 0 0 7px rgba(130,238,184,.07),0 0 26px rgba(130,238,184,.75); }
.showcase__orbital--two {width:93%;height:86%;border-style:dashed;border-color:rgba(127,233,188,.075);transform:translate(-50%,-50%) rotate(22deg);animation:orbit-two 47s linear infinite; }
.network-canvas {position:absolute;inset:0;width:100%;height:100%;opacity:.66;pointer-events:none;}
.connection-lines {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 8px rgba(102,237,178,.25));}
.connection-lines__base {fill:none;stroke:#a1d9c2;stroke-opacity:.11;stroke-width:1.5;stroke-dasharray:3 10;}
.connection-lines__flow {fill:none;stroke:url(#connection-gradient);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:85 490;animation:link-travel 6s linear infinite;}
.connection-lines__node {fill:#a5ffd5;filter:drop-shadow(0 0 9px #86f0b9);animation:node-pulse 3.5s ease-in-out infinite;}
.connection-lines__node--two {animation-delay:-1.75s;}
.mock-surface {backface-visibility:hidden;will-change:transform;}

/* Desktop preview */
.dashboard-position {position:absolute;z-index:2;width:75%;left:25.2%;top:20%;pointer-events:none;transform:rotate(-3deg);}
.dashboard-float { animation:float-dashboard 8.8s ease-in-out infinite; }
.dashboard { width:100%;aspect-ratio:1.59;overflow:hidden;display:flex;flex-direction:column;background:#141d28;border:1px solid rgba(213,240,226,.2);border-radius:clamp(10px,1.6cqw,16px);box-shadow:0 40px 110px rgba(0,0,0,.55),0 0 70px rgba(83,197,153,.07),inset 0 1px rgba(255,255,255,.09);font-size:clamp(7.2px,1.2cqw,11.4px);}
.dashboard__browser {height:3.7em;flex:none;display:flex;align-items:center;padding:0 1.5em;gap:1.6em;background:#1e2936;border-bottom:1px solid rgba(255,255,255,.07);}
.dashboard__traffic {display:flex;gap:.53em;}
.dashboard__traffic i {width:.73em;height:.73em;border-radius:50%;background:#54616c;}
.dashboard__traffic i:first-child{background:#c17d7b;}.dashboard__traffic i:nth-child(2){background:#c6a969;}.dashboard__traffic i:last-child{background:#7aab8d;}
.dashboard__url {margin-inline:auto;padding:.53em 8em;border:1px solid rgba(255,255,255,.055);border-radius:.55em;color:#879ba6;font-weight:550;white-space:nowrap;font-size:.82em;background:#17212d;}
.dashboard__url-lock {font-size:.6em;color:#8ce9b8;margin-right:.8em;}
.dashboard__browser-menu {display:flex;gap:.3em;}.dashboard__browser-menu i {width:.33em;height:.33em;background:#7f93a0;border-radius:50%;}
.dashboard__workspace {min-height:0;flex:1;display:flex;}
.dashboard__sidebar {display:flex;flex-direction:column;align-items:center;width:13.3%;flex:none;position:relative;border-right:1px solid rgba(255,255,255,.045);background:linear-gradient(#17232e,#121d28);}
.dashboard__side-logo {position:relative;margin-top:2em;width:2.6em;height:2.6em;background:linear-gradient(140deg,#89f1bd,#439d82);border-radius:.75em;display:flex;justify-content:center;align-items:center;color:#0a251c;font-size:1.08em;font-weight:900;}
.dashboard__side-logo i {position:absolute;width:.54em;height:.54em;border-radius:50%;background:#baffda;top:-.11em;right:-.1em;border:2px solid #17232e;}
.dashboard__side-icons {width:100%;display:flex;flex-direction:column;align-items:center;gap:1.3em;margin-top:2.8em;}
.side-icon {width:3em;height:2.9em;display:flex;align-items:center;justify-content:center;border-radius:.7em;color:#718994;}
.side-icon--selected {background:rgba(130,238,187,.09);color:#99e8c4;position:relative;}
.side-icon--selected::before {content:"";position:absolute;height:1.8em;width:.2em;background:#91f2c0;border-radius:0 3px 3px 0;left:-.73em;}
.side-icon__grid {width:1.35em;height:1.35em;background:linear-gradient(90deg,currentColor 45%,transparent 45% 55%,currentColor 55%) top /100% 45% no-repeat,linear-gradient(90deg,currentColor 45%,transparent 45% 55%,currentColor 55%) bottom /100% 45% no-repeat;opacity:.88;}
.side-icon__bars {width:1.5em;height:1.4em;background:linear-gradient(to top,currentColor 40%,transparent 40%) left bottom/25% 100% no-repeat,linear-gradient(to top,currentColor 75%,transparent 75%) center bottom/25% 100% no-repeat,linear-gradient(to top,currentColor 58%,transparent 58%) right bottom/25% 100% no-repeat;opacity:.7;}
.side-icon__users {width:1.5em;height:1.4em;border-radius:50% 50% 30% 30%;border:2px solid currentColor;transform:scale(.8);}
.side-icon__circle {width:1.35em;height:1.35em;border:2px solid currentColor;border-radius:50%;}
.dashboard__side-user {width:2.6em;height:2.6em;border-radius:50%;background:linear-gradient(140deg,#405869,#273b4a);margin-top:auto;margin-bottom:1.8em;border:1px solid rgba(255,255,255,.1);}
.dashboard__content {min-width:0;flex:1;padding:2.1em 2.4em 1.5em;}
.dashboard__head {display:flex;justify-content:space-between;align-items:center;}
.dashboard__head >div {display:flex;flex-direction:column;gap:.55em;}
.dashboard__head small {font-size:.72em;font-weight:700;letter-spacing:.18em;color:#8198a1;}
.dashboard__head strong {font-size:2.05em;color:#e4edef;letter-spacing:-.06em;font-weight:760;}
.dashboard__dot {color:#87ebba;}
.dashboard__avatar {border:1px solid rgba(140,240,189,.26);width:3.3em;height:3.3em;border-radius:1.05em;background:#263e3a;display:flex;justify-content:center;align-items:center;color:#9eebc1;font-size:.85em;font-weight:800;}
.dashboard__stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.93em;margin-top:2.1em;}
.dashboard__stat {min-width:0;background:linear-gradient(150deg,#263340,#202c39);border:1px solid rgba(255,255,255,.065);border-radius:1.15em;padding:1.15em 1.2em 1.15em;display:flex;flex-direction:column;gap:.78em;}
.dashboard__stat >span {font-size:.92em;color:#b1bdc5;font-weight:620;}
.data-bars {display:flex;gap:.5em;align-items:flex-end;height:1.75em;}
.data-bars i {display:block;background:#b4e4d2;border-radius:2px;height:.55em;width:1.9em;opacity:.65;}
.data-bars i:nth-child(2){height:1.12em;width:2.75em;background:#80e7b4;opacity:.92;}
.data-bars i:nth-child(3){height:.87em;width:1.7em;opacity:.5;}
.data-bars--second i{background:#78aaf0}.data-bars--second i:nth-child(2){background:#7fb5fa}.data-bars--third i{background:#b4a1f8}.data-bars--third i:nth-child(2){background:#a5a4ff}
.dashboard__stat small {font-size:.74em;letter-spacing:.02em;color:#7c9d92;white-space:nowrap;}
.dashboard__stat:nth-child(2) small{color:#8aa7d7}.dashboard__stat:nth-child(3) small{color:#b0a1dd}
.dashboard__bottom {display:grid;grid-template-columns:1.54fr .93fr;gap:1em;margin-top:1.15em;height:45%;min-height:0;}
.dashboard__chart, .dashboard__activities {background:#1c2935;border:1px solid rgba(255,255,255,.063);border-radius:1.1em;min-width:0;overflow:hidden;}
.dashboard__chart {padding:1.15em 1.28em .8em;display:flex;flex-direction:column;}
.dashboard__chart-head {display:flex;justify-content:space-between;align-items:center;color:#bac7c9;font-weight:620;font-size:.9em;}
.dashboard__chart-more {color:#889ba2;letter-spacing:.15em;}
.dashboard__chart svg {margin-top:.9em;width:100%;height:100%;min-height:0;flex:1;}
.chart-animated-path {stroke-dasharray:360;stroke-dashoffset:360;animation:draw-chart 5s ease-in-out 1s infinite alternate;}
.dashboard__chart-footer {display:flex;justify-content:space-between;color:#6e828e;font-size:.7em;margin-top:.55em;}
.dashboard__activities {padding:1.25em 1.15em;display:flex;flex-direction:column;justify-content:space-between;}
.dashboard__activities >span {color:#bbc8ca;font-weight:620;font-size:.88em;margin-bottom:.2em;}
.dashboard__activities >div {display:flex;align-items:center;gap:.65em;font-size:.87em;color:#859aa5;}
.dashboard__activities b {font-weight:550;}
.activity-dot {width:.82em;height:.82em;border-radius:50%;background:#8cebb5;box-shadow:0 0 0 3px rgba(134,239,186,.08);}
.activity-dot--blue{background:#7eb9f1;box-shadow:0 0 0 3px rgba(126,185,241,.08)}.activity-dot--purple{background:#aea1e9;box-shadow:0 0 0 3px rgba(174,161,233,.08)}

/* Application preview */
.phone-position {position:absolute;z-index:4;width:31%;left:7%;top:21%;transform:rotate(5deg);pointer-events:none;}
.phone-float {animation:float-phone 7s ease-in-out infinite;}
.phone {position:relative;width:100%;aspect-ratio:.50;padding:3.6%;border:1px solid rgba(232,255,244,.28);border-radius:13% / 6.5%;background:linear-gradient(130deg,#4e6a69,#121d2b 17%,#20323b 79%,#526e69);box-shadow:18px 37px 65px rgba(0,0,0,.64),0 0 0 3px rgba(28,35,43,.75),0 0 58px rgba(92,243,176,.1),inset 0 1px 2px rgba(255,255,255,.38);font-size:clamp(6.8px,1.25cqw,10px);overflow:hidden;}
.phone__rim {position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);z-index:3;}
.phone__screen {height:100%;background:#f6f9f7;border-radius:11.9% / 5.7%;color:#152627;overflow:hidden;padding:8% 8% 0;display:flex;flex-direction:column;position:relative;}
.phone__island {position:absolute;z-index:5;top:2.9%;left:38%;width:24%;height:2.6%;border-radius:20px;background:#101b23;box-shadow:0 0 0 1px rgba(0,0,0,.2);}
.phone__topbar {display:flex;justify-content:space-between;align-items:center;margin-bottom:2.2em;font-size:.75em;font-weight:780;letter-spacing:-.03em;}
.phone__signal {display:flex;align-items:flex-end;gap:2px;}.phone__signal i {height:5px;width:2px;background:#243636;border-radius:1px;}.phone__signal i:nth-child(2){height:7px}.phone__signal i:nth-child(3){height:9px}
.phone__header {display:flex;justify-content:space-between;align-items:center;}
.phone__mark {display:block;font-size:1.7em;font-weight:900;letter-spacing:-.09em;line-height:1;color:#183a31;}.phone__mark >span{color:#64ce9c;}
.phone__location {font-size:.65em;letter-spacing:.08em;font-weight:750;color:#638077;display:flex;align-items:center;gap:.5em;}
.phone__location i {width:.65em;height:.65em;background:#73cba0;border-radius:50%;box-shadow:0 0 0 3px rgba(109,209,163,.18);}
.phone__welcome {display:flex;flex-direction:column;gap:.5em;margin-top:2.5em;}
.phone__welcome >span {font-size:.94em;color:#83948d;font-weight:550;}
.phone__welcome strong {font-size:2.3em;line-height:1.08;letter-spacing:-.075em;font-weight:820;color:#1e3330;}
.phone__welcome strong span {color:#64ca96;}
.phone__search {display:flex;align-items:center;gap:.7em;margin-top:1.5em;background:#eaf0ed;border:1px solid #e4ede7;border-radius:.9em;color:#95a69d;height:3.4em;padding:0 1em;font-size:.94em;}
.phone__search svg {width:1.3em;height:1.3em;}
.phone__feature {position:relative;overflow:hidden;flex:none;margin-top:1.55em;height:11.3em;border-radius:1.3em;background:linear-gradient(118deg,#224e42,#1b3e35 58%,#32795f 100%);padding:1.5em;color:#e4fff0;box-shadow:0 6px 18px rgba(19,58,40,.12);}
.phone__feature small {display:block;position:relative;z-index:2;color:#a8e4c6;font-size:.65em;letter-spacing:.13em;font-weight:750;}
.phone__feature strong {position:relative;z-index:2;display:block;margin-top:1em;line-height:1.21;font-size:1.78em;letter-spacing:-.05em;}
.phone__feature-orb {position:absolute;border:1px solid rgba(190,255,216,.29);border-radius:50%;aspect-ratio:1;}
.phone__feature-orb--one {width:13em;right:-5em;top:-4em;animation:feature-orbit 12s linear infinite;}
.phone__feature-orb--two {width:9em;right:-2em;top:.2em;background:rgba(159,255,199,.08);box-shadow:0 0 0 3em rgba(159,255,199,.025);}
.phone__feature-arrow {position:absolute;z-index:3;right:1.2em;bottom:1.1em;font-size:1.4em;font-style:normal;}
.phone__section-title {display:flex;justify-content:space-between;align-items:center;margin-top:1.9em;}
.phone__section-title b {font-size:1.3em;font-weight:790;letter-spacing:-.04em;}
.phone__section-title >span {font-size:.82em;color:#519a75;font-weight:620;}.phone__section-title i {font-style:normal;}
.phone__list {margin-top:.9em;display:flex;flex-direction:column;gap:.55em;}
.phone__list-item {display:flex;align-items:center;gap:.8em;padding:.65em 0;border-bottom:1px solid #e9efeb;}
.phone__list-icon {width:3.5em;height:3.5em;display:flex;align-items:center;justify-content:center;border-radius:1em;flex:none;}
.phone__list-icon--a {color:#2b8067;background:#e3f2e9;}.phone__list-icon--b {color:#6478a3;background:#e7edfa;}
.phone__list-icon svg {width:1.7em;height:1.7em;}
.phone__list-item >span:nth-child(2) {display:flex;flex-direction:column;gap:.4em;min-width:0;}
.phone__list-item b {font-size:.95em;font-weight:750;letter-spacing:-.025em;white-space:nowrap;}
.phone__list-item small {font-size:.77em;color:#84948e;}
.phone__list-item >i {margin-left:auto;font-style:normal;color:#8da39a;font-size:1.7em;font-weight:300;}
.phone__nav {position:absolute;bottom:0;left:0;right:0;height:5.4em;background:#fbfdfc;box-shadow:0 -3px 12px rgba(19,39,29,.04);display:flex;justify-content:space-around;align-items:center;padding:0 1.5em;}
.phone__nav >span {width:3.5em;display:flex;align-items:center;justify-content:center;position:relative;color:#a2b0aa;}
.phone__nav svg {width:1.7em;height:1.7em;}
.phone__nav .phone__nav-active {color:#2a9770;}
.phone__nav .phone__nav-active i {position:absolute;width:.43em;height:.43em;border-radius:50%;background:#3ab883;bottom:-1em;}

.scene-label {position:absolute;z-index:5;display:flex;align-items:center;gap:.8em;padding:.93em 1.18em;border-radius:100px;border:1px solid rgba(166,239,206,.2);background:rgba(12,27,31,.85);box-shadow:0 15px 50px rgba(0,0,0,.2);backdrop-filter:blur(14px);color:#d6f2e3;font-weight:750;letter-spacing:.17em;font-size:clamp(8px,.9cqw,10px);animation:float-label 6.8s ease-in-out infinite;}
.scene-label i {width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px var(--accent);}
.scene-label--app {left:1%;top:72%;transform:rotate(-4deg);}
.scene-label--web {right:-4%;top:16%;transform:rotate(3deg);animation-delay:-2.3s;}
.showcase__spark {position:absolute;color:rgba(154,243,203,.6);font-size:clamp(12px,2.3cqw,20px);text-shadow:0 0 19px rgba(134,239,190,.53);animation:sparkle 4s ease-in-out infinite;}
.showcase__spark--a {top:13%;left:17%;}.showcase__spark--b{right:2%;bottom:15%;font-size:12px;animation-delay:2s;}
.showcase__footnote {position:absolute;bottom:3%;right:1%;letter-spacing:.19em;color:#61777c;font-size:9px;font-weight:720;white-space:nowrap;}

/* Footer */
.site-footer {min-height:94px;border-top:1px solid rgba(204,236,221,.095);gap:24px;}
.site-footer__ecosystem {display:flex;align-items:center;gap:14px;color:#8d9ba1;font-weight:620;white-space:nowrap;letter-spacing:.035em;font-size:12px;}
.site-footer__badge {font-size:18px;color:var(--accent);line-height:1;}
.site-footer__ecosystem i {display:inline-block;width:3px;height:3px;border-radius:50%;margin:0 10px 3px;background:#657974;}
.site-footer__credit {font-size:11px;letter-spacing:.04em;color:#73858c;white-space:nowrap;}
.site-footer__credit strong {font-weight:650;color:#a5b6b6;}
.site-footer__slash {color:#566b70;margin:0 8px;}
.site-footer__credit a {color:#c4d8d3;font-weight:750;transition:color .2s ease;}
.site-footer__credit a:hover {color:var(--accent);}

/* Animation system */
@keyframes status-breathe {0%,100%{opacity:.75;box-shadow:0 0 0 4px rgba(140,240,189,.08),0 0 10px rgba(140,240,189,.5)}50%{opacity:1;box-shadow:0 0 0 7px rgba(140,240,189,.05),0 0 24px rgba(140,240,189,.8)}}
@keyframes halo-breathe {0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.11)}}
@keyframes orbit-one {to{transform:translate(-50%,-50%) rotate(330deg)}}
@keyframes orbit-two {to{transform:translate(-50%,-50%) rotate(-338deg)}}
@keyframes link-travel {0%{stroke-dashoffset:575}100%{stroke-dashoffset:0}}
@keyframes node-pulse {0%,100%{opacity:.45;r:4}50%{opacity:1;r:6}}
@keyframes float-dashboard {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-13px,0)}}
@keyframes float-phone {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2px,13px,0)}}
@keyframes float-label {0%,100%{margin-top:0}50%{margin-top:-10px}}
@keyframes feature-orbit {to{transform:rotate(360deg)}}
@keyframes sparkle {0%,100%{opacity:.26;transform:scale(.75) rotate(0)}50%{opacity:.85;transform:scale(1.2) rotate(45deg)}}
@keyframes draw-chart {0%{stroke-dashoffset:360}35%,100%{stroke-dashoffset:0}}

/* Laptop heights and width: keep everything in one viewport. */
@media (max-width: 1400px) {
  .site-header {min-height:96px;}
  .site-footer {min-height:72px;}
  .hero {grid-template-columns:minmax(370px,.97fr) minmax(0,1.03fr);}
  h1 {font-size:clamp(50px,5.15vw,76px);}
  .hero-capabilities {gap:13px;}
  .showcase {max-height:610px;}
  .dashboard-position {width:78%;left:23%;}
  .phone-position {width:32%;left:6%;}
}
@media (max-height: 780px) and (min-width: 901px) {
  .site-header {min-height:78px;padding-top:0;}
  .site-footer {min-height:62px;}
  .hero-copy {padding-bottom:0;margin-top:0;}
  .hero-copy__eyebrow {margin-bottom:22px;}
  .hero-copy__lead {margin-top:22px;}
  .hero-copy__divider {margin-top:27px;margin-bottom:25px;}
  .showcase {max-height:555px;}
  .showcase__parallax {max-height:555px;}
  .showcase__footnote {bottom:0;}
}
@media (max-width: 1180px) and (min-width: 901px) {
  :root{--layout-x:40px;}
  h1{font-size:clamp(48px,5.1vw,65px);}
  .hero{grid-template-columns:minmax(345px,.92fr) minmax(0,1.08fr);gap:0;}
  .hero-copy__lead {font-size:16px;}
  .capability {font-size:8px;}
  .hero-capabilities {gap:9px;}
  .showcase__footnote {font-size:8px;}
}
@media (max-width: 900px) {
  :root{--layout-x:clamp(22px,5vw,48px);}
  .site-header {min-height:88px;}
  .hero {grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;text-align:center;align-items:start;}
  .hero-copy {padding:clamp(14px,3vh,32px) 0 0;margin:0;}
  .hero-copy__eyebrow {justify-content:center;font-size:10px;margin-bottom:15px;}
  h1 {font-size:clamp(47px,7vw,76px);letter-spacing:-.065em;}
  .hero-copy__lead {font-size:clamp(13px,2vw,17px);line-height:1.45;margin-top:12px;}
  .hero-copy__divider {display:none;}
  .hero-capabilities {justify-content:center;margin-top:16px;gap:14px;}
  .capability {font-size:9px;}
  .showcase {width:min(100%,720px);height:100%;min-height:0;max-height:580px;align-self:center;}
  .showcase__parallax {min-height:0;max-height:530px;}
  .dashboard-position {top:12%;left:25%;width:70%;}
  .phone-position {top:18%;left:12%;width:27%;}
  .scene-label--app {left:9%;top:74%;}
  .scene-label--web {right:4%;top:9%;}
  .showcase__footnote {bottom:1%;right:50%;transform:translateX(50%);}
  .site-footer {min-height:68px;}
  .site-footer__credit {font-size:10px;}
  .site-footer__ecosystem {font-size:10px;}
  .site-footer__ecosystem i {margin-inline:6px;}
}
@media (max-width: 620px) {
  :root { --layout-x:22px; }
  .site-header {min-height:78px;align-items:center;padding-top:0;}
  .brand {gap:7px;}
  .brand__symbol {width:32px;height:32px;}.brand__symbol svg{width:31px;height:31px;}
  .brand__words strong {font-size:11px;letter-spacing:.1em;}
  .brand__words >span{font-size:6.8px;letter-spacing:.38em;}
  .development-status {gap:8px;font-size:0;letter-spacing:0;padding:9px 10px;}
  .development-status::after {content:"EM BREVE";font-size:9px;letter-spacing:.12em;}
  .development-status__light {width:6px;height:6px;}
  .hero-copy {padding-top:clamp(10px,2.5vh,22px);}
  .hero-copy__eyebrow {font-size:9px;letter-spacing:.19em;margin-bottom:15px;gap:10px;}
  .eyebrow-line{width:23px;}
  h1{font-size:clamp(44px,9.4vw,61px);line-height:1.07;letter-spacing:-.071em;}
  .hero-copy__lead {font-size:13px;line-height:1.5;margin-top:16px;max-width:315px;margin-inline:auto;}
  .hero-capabilities {margin-top:19px;gap:9px;}
  .capability {font-size:7.5px;gap:5px;letter-spacing:.04em;}
  .capability__icon {width:20px;height:20px;}.capability__icon svg{width:19px;height:19px;}
  .hero-capabilities__separator {height:17px;}
  .showcase {width:calc(100% + 28px);margin-left:-14px;max-height:none;}
  .showcase__parallax {max-height:none;}
  .dashboard-position {top:18%;left:23.5%;width:78%;}
  .phone-position {top:22%;left:3%;width:35%;}
  .showcase__orbital--one {width:85%;height:72%;}
  .showcase__orbital--two{width:110%;height:87%;}
  .scene-label {font-size:7px;padding:7px 9px;gap:5px;}
  .scene-label i {width:4px;height:4px;}
  .scene-label--app {top:76%;left:0;}.scene-label--web{top:12%;right:1%;}
  .showcase__footnote {font-size:7px;bottom:4%;letter-spacing:.13em;}
  .site-footer {min-height:66px;flex-direction:column;justify-content:center;gap:7px;padding-block:9px;}
  .site-footer__ecosystem {font-size:9px;}.site-footer__badge{font-size:13px;}
  .site-footer__credit {font-size:9px;letter-spacing:0;}
}
@media (max-width: 380px) {
  .hero-copy__lead {font-size:12px;}
  .capability {font-size:6.9px;}.hero-capabilities {gap:6px;}
  h1 {font-size:42px;}
  .site-footer__credit {font-size:8px;}
  .phone__welcome {margin-top:1.55em;}
  .phone__search {margin-top:1em;}
  .phone__feature {height:9.2em; padding:1.2em; margin-top:1em;}
  .phone__section-title {margin-top:.9em;}
  .phone__list-item:nth-child(2) {display:none;}
}
@media (max-height: 760px) and (max-width: 900px) {
  .site-header {min-height:62px;}
  .hero-copy {padding-top:4px;}
  .hero-copy__eyebrow {margin-bottom:8px;}
  h1 {font-size:clamp(38px,7.2vh,54px);}
  .hero-copy__lead {margin-top:8px;line-height:1.35;font-size:12px;}
  .hero-capabilities {margin-top:12px;}
  .showcase__footnote{bottom:0;}
  .site-footer {min-height:53px;padding-block:6px;}
}
@media (max-height: 590px) {
  .site-header {min-height:54px;}
  .hero-copy__lead {margin-top:8px;}
  .hero-copy__eyebrow {margin-bottom:7px;}
  .site-footer {min-height:46px;}
  .showcase__footnote {display:none;}
}
@media (max-height: 520px) and (min-width: 901px) {
  .hero-copy__eyebrow {margin-bottom:12px;}
  h1{font-size:clamp(38px,4vw,60px);}
  .hero-copy__lead{font-size:13px;margin-top:12px;}
  .hero-copy__divider {margin:14px 0;}
  .showcase {max-height:420px;}.showcase__parallax{min-height:340px;}
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important; }
  .chart-animated-path {stroke-dashoffset:0;}
  .showcase__parallax {transform:none !important;}
}