@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#091320;--navy2:#0d1c2d;--ink:#152333;--accent:#65e2d0;--blue:#347fe5;--muted:#9db1c4;--light:#f3f6f9;--container:1216px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--navy);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 88px),var(--container));margin:auto}.skip{position:absolute;left:-9999px;top:8px;z-index:999;background:white;color:var(--ink);padding:12px}.skip:focus{left:10px}.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(9,19,32,.96);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;color:#fff}.brand-mark{display:grid;place-items:center;width:40px;height:40px;color:#fff}.brand-mark svg{width:38px;height:38px}.brand-word{display:flex;flex-direction:column;position:relative;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:19px;line-height:1.07;letter-spacing:-.75px;white-space:nowrap}.brand-word>span{color:var(--accent);display:inline;position:absolute;left:67px;top:0}.brand-word small{font-size:8px;font-weight:700;letter-spacing:2.5px;color:#a1b7c7;margin-top:5px}.nav-links{display:flex;align-items:center;gap:36px;color:#cbd8e4;font-size:13px;font-weight:600}.nav-links>a:not(.nav-contact){transition:color .2s}.nav-links>a:not(.nav-contact):hover{color:var(--accent)}.nav-contact{border:1px solid rgba(117,225,210,.5);border-radius:8px;color:#dff9f5;padding:12px 17px;transition:background .2s}.nav-contact:hover{background:rgba(101,226,208,.12)}.nav-contact span{margin-left:10px;color:var(--accent)}.menu-toggle{display:none;background:transparent;border:0;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:white;margin:5px 0}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 34%,#113149 0,#0a1929 40%,#091320 74%);color:white}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(112,164,190,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(112,164,190,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 12%,black 90%);pointer-events:none}.hero-glow{position:absolute;right:-120px;top:140px;width:730px;height:570px;background:radial-gradient(ellipse,rgba(30,132,160,.14),transparent 67%);pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:51% 49%;align-items:center;min-height:663px;padding-top:42px;padding-bottom:42px}.hero-content{position:relative;z-index:2;padding-top:10px}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:10px;letter-spacing:2.35px;color:#3479c1}.eyebrow{color:var(--accent);background:rgba(82,224,208,.075);border:1px solid rgba(102,217,206,.20);padding:10px 14px;border-radius:30px;margin-bottom:27px}.signal{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(101,226,208,.13)}h1,h2,h3,p{margin-top:0}.hero h1,.section h2,.contact-section h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-2.9px;font-weight:800}.hero h1{font-size:clamp(44px,4.4vw,68px);line-height:1.13;margin:0 0 25px}.hero h1 em,.contact-section h2 em{font-style:normal;color:var(--accent)}.hero-lead{color:#afc0d0;font-size:16px;line-height:1.9;max-width:500px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px;border-radius:8px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#08242c}.btn-primary:hover{background:#91f0e3}.btn-secondary{border:1px solid rgba(178,211,226,.26);color:#ebf5fa}.btn-secondary:hover{background:rgba(255,255,255,.06)}.hero-foot{display:flex;align-items:center;gap:11px;margin-top:50px;color:#7f98ac;font-size:11px;letter-spacing:.35px}.line-dot{width:20px;height:1px;background:var(--accent)}.product-visual{position:relative;height:485px;margin-left:-2px;perspective:900px;z-index:1}.orbit{position:absolute;border:1px solid rgba(76,198,190,.08);border-radius:50%;transform:rotate(-19deg)}.orbit-one{width:640px;height:390px;left:0;top:72px}.orbit-two{width:540px;height:310px;left:58px;top:100px}.dashboard-window{position:absolute;top:51px;left:20px;width:655px;height:397px;display:flex;background:#f4f8fb;border:7px solid #21364c;box-shadow:0 35px 70px rgba(0,0,0,.43),0 0 0 1px rgba(131,219,222,.11);border-radius:15px;overflow:hidden;transform:rotateY(-10deg) rotateX(3deg) rotateZ(-1deg);transform-origin:left center}.dash-side{width:57px;flex:0 0 57px;background:#10243a;display:flex;align-items:center;flex-direction:column;padding-top:17px;gap:20px}.dash-mini-logo{font:900 15px Manrope;color:white;letter-spacing:-2px;margin-bottom:20px}.dash-mini-logo span{color:var(--accent)}.dash-nav{width:18px;height:10px;border-radius:3px;background:#35516b;opacity:.7}.dash-nav.selected{width:22px;height:22px;background:#33688b;border-left:3px solid var(--accent)}.dash-side-bottom{margin-top:auto;margin-bottom:20px;width:18px;height:18px;background:#304b67;border-radius:50%}.dash-main{flex:1;padding:20px 20px 22px;min-width:0}.dash-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1d3145;font-weight:800;border-bottom:1px solid #dce6ee;padding-bottom:15px}.dash-top small{display:block;color:#9eafbc;font-size:7px;letter-spacing:1px;font-weight:700;margin-top:3px}.dash-avatar{width:25px;height:25px;background:linear-gradient(135deg,#dbe5ef,#93aebf);border-radius:50%}.dash-greeting{font-size:15px;font-weight:800;color:#23374a;margin:18px 0;display:flex;justify-content:space-between;align-items:center}.dash-greeting span{font-size:12px;background:#e6f1f7;border-radius:6px;padding:5px 8px;color:#497393}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dash-kpi{height:93px;border-radius:9px;background:#fff;border:1px solid #e4ebf0;padding:10px;position:relative;box-shadow:0 4px 14px #183b5b09}.dash-kpi i{display:block;width:13px;height:13px;border-radius:4px;background:#d1eee8;margin-bottom:7px}.dash-kpi:nth-child(2) i{background:#d5e6fc}.dash-kpi:nth-child(3) i{background:#eee1fa}.dash-kpi span{display:block;font-size:7px;color:#8297a7;letter-spacing:.7px;font-weight:900}.dash-kpi strong{display:block;font-size:13px;color:#21374a;margin-top:4px}.dash-kpi b{position:absolute;right:9px;top:11px;width:17px;height:6px;background:#ddebe9;border-radius:3px}.dash-body{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:11px}.dash-chart,.dash-status{background:#fff;border:1px solid #e1eaf0;border-radius:9px;height:152px;padding:12px}.dash-caption{font-size:9px;font-weight:800;color:#3d5266;display:flex;justify-content:space-between}.dash-caption span{font-size:7px;color:#67a99e}.bars{height:83px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e3ebf0;padding:0 5px 0;margin-top:11px;background:repeating-linear-gradient(to top,transparent,transparent 25px,#eef3f7 26px)}.bars span{height:var(--h);flex:1;background:linear-gradient(#63cfbe,#b5e9e2);border-radius:3px 3px 0 0}.bars span:nth-child(2n){background:linear-gradient(#62a4df,#badbf4)}.chart-axis{display:flex;justify-content:space-between;font-size:7px;color:#9dafb9;margin-top:6px}.status-line{display:flex;gap:7px;align-items:center;margin-top:13px}.status-line i{width:14px;height:14px;border-radius:4px;background:#ccebe4;flex-shrink:0}.status-line:nth-child(3) i{background:#c9dcfa}.status-line:nth-child(4) i{background:#f6e3c2}.status-line div{flex:1}.status-line b,.status-line small{height:4px;display:block;background:#d3dfe7;border-radius:3px}.status-line b{width:80%;margin-bottom:5px}.status-line small{width:50%;background:#edf1f4}.status-line>span{width:13px;height:5px;background:#5fc9b2;border-radius:4px}.floating-note{position:absolute;right:-23px;bottom:36px;background:#fff;color:#203446;display:flex;align-items:center;gap:11px;padding:15px 19px;border-radius:11px;box-shadow:0 20px 40px rgba(0,0,0,.26);transform:rotate(2deg)}.floating-icon{display:grid;place-items:center;background:#d7f6ed;color:#198a70;width:32px;height:32px;border-radius:50%;font-weight:900}.floating-note b{display:block;font-size:12px}.floating-note small{display:block;color:#7b8d9d;font-size:9px;margin-top:3px}.visual-disclaimer{position:absolute;left:55px;bottom:-12px;font-size:9px;color:#7890a4}.mini-strip{position:relative;display:flex;align-items:center;gap:25px;padding:20px 0 26px;font-size:10px;color:#7892a4;font-weight:800;letter-spacing:1.7px;border-top:1px solid rgba(153,201,215,.12)}.strip-rule{height:1px;flex:1;background:#203749}.section{padding:105px 0}.section-light{background:#f4f7fa}.section h2{font-size:clamp(34px,3.2vw,48px);line-height:1.18;margin:20px 0 0}.section h2 span{color:#7a91a4}.intro-layout{display:grid;grid-template-columns:1.07fr .83fr;gap:100px;align-items:start}.intro-copy{padding-top:24px}.intro-copy p{font-size:15px;line-height:1.9;color:#65788b;margin-bottom:14px}.text-link{display:inline-flex;align-items:center;gap:28px;color:#1767a1;font-weight:800;font-size:13px;margin-top:12px;padding-bottom:9px;border-bottom:1px solid #81b3cf}.text-link span{font-size:19px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:76px}.pillar{background:white;border:1px solid #e3eaf0;padding:28px 26px 30px;min-height:240px;transition:transform .2s,box-shadow .2s}.pillar:hover{transform:translateY(-4px);box-shadow:0 13px 35px #2336480c}.pillar-number{font-size:10px;color:#9ab0c2;font-weight:800;letter-spacing:1px}.pillar-icon{font-size:35px;font-weight:500;color:#2788a4;height:66px;display:flex;align-items:center}.pillar h3{font-family:Manrope;font-size:16px;color:#1b2e3f;margin-bottom:10px}.pillar p{color:#728497;font-size:12px;line-height:1.8;margin:0}.modules-section{background:#0d1b2b;color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.light-tag{color:#65dfcd}.section-head h2{margin-bottom:0}.modules-section h2 span{color:#74b8cf}.section-head>p{max-width:355px;font-size:14px;color:#a6bbcc;line-height:1.9;margin-bottom:0}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px}.module-card{position:relative;overflow:hidden;background:#13283c;border:1px solid #24435a;border-radius:12px;padding:32px;min-height:283px;transition:border-color .25s,transform .25s}.module-card:hover{border-color:#53c5c2;transform:translateY(-3px)}.module-card.featured{background:radial-gradient(ellipse at 100% 0,rgba(58,116,151,.19),transparent 55%),#153349}.module-index{display:block;color:#71adb5;letter-spacing:1.8px;font-size:9px;font-weight:900}.module-icon{font-size:36px;color:#76ded0;margin:21px 0 10px}.module-card h3{font:800 22px Manrope;margin-bottom:11px;letter-spacing:-.5px}.module-card p{font-size:13px;line-height:1.8;color:#acc0cc;max-width:420px;margin-bottom:20px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{border:1px solid #3a6070;color:#aad4d6;padding:6px 10px;border-radius:30px;font-size:10px}.card-corner{position:absolute;right:26px;top:27px;color:#70adb5;font-size:23px}.module-footnote{color:#7790a3;font-size:11px;margin:18px 0 0}.difference-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px}.difference-left h2{margin-top:22px;margin-bottom:22px}.difference-left>p{font-size:15px;line-height:1.9;color:#65798b;max-width:380px;margin-bottom:27px}.btn-dark{color:white;background:#142c3f}.btn-dark:hover{background:#244e66}.difference-list{margin-top:8px}.difference-item{display:grid;grid-template-columns:32px 1fr 20px;gap:16px;padding:27px 0;border-bottom:1px solid #d8e1e8}.difference-item:first-child{border-top:1px solid #d8e1e8}.difference-item>span:first-child{color:#2d89b5;font-weight:800;font-size:12px}.difference-item h3{font-size:15px;font-family:Manrope;margin-bottom:7px}.difference-item p{color:#73899b;font-size:13px;line-height:1.8;margin:0}.difference-item .plus{color:#3a89ab;font-size:19px}.about-section{background:#0b1827;color:#fff}.about-layout{display:grid;grid-template-columns:.94fr 1fr;gap:90px;align-items:center}.about-art{position:relative;height:395px;border-radius:12px;background:linear-gradient(145deg,#133e4c,#0d2536 62%,#11263c);border:1px solid #265065;overflow:hidden;display:flex;justify-content:center;align-items:center}.about-art-grid{position:absolute;inset:0;background-image:linear-gradient(#74cfc40d 1px,transparent 1px),linear-gradient(90deg,#74cfc40d 1px,transparent 1px);background-size:32px 32px;transform:perspective(500px) rotateX(25deg) scale(1.3)}.about-art-mark{position:relative;font:900 145px Manrope;letter-spacing:-19px;color:#fff;text-shadow:0 20px 50px #0003}.about-art-mark span{color:var(--accent)}.about-art>span{position:absolute;bottom:30px;left:32px;font-size:10px;letter-spacing:2px;color:#9fcecf;font-weight:800}.about-copy h2{font-size:clamp(32px,3vw,43px);margin:20px 0 26px;line-height:1.22}.about-copy p{font-size:14px;line-height:1.9;color:#a5baca;margin-bottom:15px}.link-light{color:var(--accent);border-color:#499e9d;margin-top:20px}.contact-section{background:#67e2d0;padding:77px 0;color:#0a2932}.contact-layout{display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:center}.contact-section .section-tag{color:#276e7c}.contact-section h2{font-size:clamp(35px,3.8vw,56px);line-height:1.17;margin:20px 0}.contact-section h2 em{color:#1c7990}.contact-section p{font-size:14px;line-height:1.8;color:#306776;margin:0}.contact-panel{border:1px solid #2faba6;padding:35px 33px;background:#ffffff3b;border-radius:12px}.contact-panel>span{font-size:10px;color:#36818b;font-weight:800;letter-spacing:1.5px}.contact-email{display:flex;justify-content:space-between;align-items:center;gap:20px;font:800 clamp(17px,2vw,26px) Manrope;letter-spacing:-.6px;margin:23px 0 14px;overflow-wrap:anywhere}.contact-email span{font-size:28px}.site-footer{background:#07121e;padding:29px 0;color:#849bae}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-brand .brand-mark{width:31px;height:31px}.footer-brand .brand-mark svg{width:29px}.footer-brand .brand-word{font-size:14px}.footer-brand .brand-word>span{left:50px}.footer-brand .brand-word small{font-size:6px;letter-spacing:1.6px;margin-top:3px}.site-footer a:last-child{color:#b7d0d8}
@media(max-width:1200px){.product-visual{transform:scale(.82);transform-origin:left center;margin-right:-130px}.nav-links{gap:22px}.hero h1{font-size:clamp(46px,4.6vw,58px)}.hero-layout{grid-template-columns:50% 50%}}
@media(max-width:900px){.container{width:min(calc(100% - 44px),var(--container))}.nav-links{gap:17px;font-size:12px}.hero-layout{grid-template-columns:1fr;min-height:0;padding-top:84px;padding-bottom:22px}.hero-content{max-width:680px}.hero h1{font-size:clamp(43px,7vw,66px)}.product-visual{margin-left:0;margin-top:0;transform:scale(.9);height:440px;transform-origin:left top}.mini-strip{margin-top:0}.intro-layout,.difference-layout,.about-layout,.contact-layout{gap:40px}.pillars{grid-template-columns:repeat(2,1fr)}.about-art{height:350px}.contact-email{font-size:20px}}
@media(max-width:700px){.site-header{height:86px}.nav-links{display:none;position:absolute;top:86px;left:0;right:0;padding:20px 22px 25px;background:#0c2032;border-bottom:1px solid #285065;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a{padding:12px 8px}.nav-links .nav-contact{margin-top:8px;padding:14px}.menu-toggle{display:block}.hero-layout{padding-top:76px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:clamp(38px,9.5vw,56px);letter-spacing:-2px}.hero-lead{font-size:14px;line-height:1.8}.hero-foot{margin-top:34px}.product-visual{height:292px;transform:scale(.58);width:700px;margin-top:25px;margin-bottom:3px}.visual-disclaimer{bottom:-15px}.mini-strip{gap:12px;font-size:8px;line-height:1.6;letter-spacing:.7px}.section{padding:76px 0}.section h2{font-size:clamp(30px,7.8vw,40px);letter-spacing:-1.7px}.intro-layout,.difference-layout,.about-layout,.contact-layout{grid-template-columns:1fr;gap:28px}.intro-copy{padding:0}.pillars{margin-top:48px;gap:10px}.pillar{padding:21px 18px;min-height:210px}.pillar-icon{height:55px}.module-grid{grid-template-columns:1fr;gap:12px;margin-top:34px}.module-card{min-height:255px;padding:26px}.section-head{display:block}.section-head>p{margin-top:18px}.about-art{height:250px}.about-art-mark{font-size:105px}.about-copy h2{font-size:34px}.contact-section{padding:64px 0}.contact-panel{padding:26px 23px}.footer-inner{flex-wrap:wrap}.footer-inner>span{order:3;width:100%}}
@media(max-width:420px){.container{width:calc(100% - 32px)}.brand-word{font-size:16px}.brand-word>span{left:58px}.brand-word small{font-size:6.5px}.hero h1{font-size:39px}.hero-actions{align-items:stretch;flex-direction:column}.btn{width:100%}.product-visual{transform:scale(.45);height:237px;margin-top:22px}.mini-strip{font-size:7px}.pillars{grid-template-columns:1fr}.pillar{min-height:auto}.pillar-icon{height:45px}.contact-email{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* DARGA FLOW — identidade institucional oficial — novembro de 2026 */
:root {
  --navy: #091b31;
  --navy2: #0b2340;
  --ink: #112a48;
  --accent: #18c5ad;
  --blue: #0866ce;
  --muted: #6c8499;
  --light: #f5f9fc;
}
html { scroll-padding-top: 110px; }
body { background: #091b31; }
.site-header {
  height: 106px;
  background: #fff;
  color: #173351;
  border-bottom: 1px solid #e7edf2;
  box-shadow: 0 5px 28px rgba(8,37,68,.045);
  backdrop-filter: none;
}
.nav-wrap { gap: 36px; }
.brand-logo {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  line-height: 0;
}
.brand-logo img {
  display: block;
  height: 84px;
  width: auto;
  max-width: none;
  object-fit: contain;
}
.nav-links { gap: clamp(16px,2.4vw,36px); color:#26455e; }
.nav-links>a:not(.nav-contact):hover { color: var(--blue); }
.nav-contact {
  color:white;
  background: linear-gradient(115deg,#085dbb,#079da5);
  border: 1px solid transparent;
  border-radius: 9px;
  padding: 13px 19px;
  box-shadow: 0 7px 20px rgba(12,102,181,.13);
}
.nav-contact:hover { background: linear-gradient(115deg,#07529f,#078b93); }
.nav-contact span { color:white; }
.menu-toggle span { background: #102c49; }
.hero { background: radial-gradient(ellipse at 83% 35%,#103f5b 0,#0a2037 40%,#08172b 85%); }
.hero-layout { min-height: 670px; }
.hero h1 em { color: #45daca; }
.btn-primary { background: linear-gradient(120deg,#42d9c6,#1cbcae); color: #082b38; box-shadow: 0 12px 24px rgba(12,187,169,.12); }
.btn-primary:hover { background: linear-gradient(120deg,#72e6d6,#34d0bf); }
.dash-mini-logo { display:grid;place-items:center;width:36px;height:36px;margin-bottom:6px; }
.dash-mini-logo img { display:block;width:30px;height:30px;object-fit:contain; }
.section-light { background:#f7fafc; }
.intro { background: linear-gradient(180deg,#fff 0,#f5f9fc 100%); }
.pillar { border-radius:11px;box-shadow:0 10px 30px rgba(6,46,85,.035); }
.modules-section { background: #0b223b; }
.module-card { background:#102d49;border-color:#224967; }
.module-card.featured { background:radial-gradient(ellipse at 100% 0,rgba(15,147,171,.18),transparent 60%),#103a54; }
.module-card:hover { border-color:#25b9b1; }
.chips span { color:#a3e2df;border-color:#315f75; }
.difference { background: #fff; }
.about-section { background: linear-gradient(120deg,#0a2039,#09182c); }
.about-art {
  background: radial-gradient(circle at 50% 47%,rgba(10,133,171,.23),transparent 57%),linear-gradient(145deg,#0b3049,#0b1e34);
  border:1px solid #28516d;
  border-radius:18px;
  overflow:hidden;
  isolation:isolate;
  box-shadow: inset 0 0 60px rgba(7,29,54,.23), 0 18px 55px rgba(0,0,0,.13);
}
.about-art-grid { background-image:linear-gradient(#52bfbf0c 1px,transparent 1px),linear-gradient(90deg,#52bfbf0c 1px,transparent 1px);background-size:40px 40px; }
.about-art::before, .about-art::after { content:'';position:absolute;width:140px;height:1px;top:50%;background:linear-gradient(90deg,transparent,#27c5b2,transparent);opacity:.57; }
.about-art::before { left:16px;transform:rotate(17deg); }
.about-art::after { right:16px;transform:rotate(-17deg); }
.about-orbit { position:absolute;border:1px solid rgba(50,185,197,.17);border-radius:50%;pointer-events:none; }
.about-orbit-1 { width:270px;height:270px; }
.about-orbit-2 { width:340px;height:340px; }
.about-identity { position:relative;z-index:2;display:grid;place-items:center;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(57,165,203,.17),rgba(13,45,71,.85));border:1px solid rgba(58,196,204,.24);box-shadow:0 0 0 15px rgba(13,91,114,.10),0 30px 80px #06142460; }
.about-identity img { width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 9px 13px rgba(0,0,0,.23)); }
.about-node {position:absolute;z-index:3;background:#0e3853;border:1px solid #2b6a82;border-radius:50px;padding:9px 12px;color:#ccebf1;font-size:11px;letter-spacing:.2px;box-shadow:0 10px 30px #03132250;}
.about-node-left {left:15px;top:22%;}
.about-node-right {right:14px;top:24%;}
.about-node-bottom {bottom:58px;left:50%;transform:translateX(-50%);}
.about-art-note { position:absolute;bottom:25px;left:30px;font-size:10px;font-weight:800;letter-spacing:2px;color:#8bc6c8; }
.contact-section {background:linear-gradient(111deg,#e2f7f5 0,#ecf8fc 55%,#f6fbff 100%);padding:82px 0;color:#0c2a45;border-top:1px solid #d4eef0;}
.contact-section .section-tag {color:#06739a;}
.contact-section h2 em {color:#059baa;}
.contact-section p {color:#52748b;}
.contact-panel {background:#fff;border:1px solid #c6e2e7;box-shadow:0 24px 58px rgba(18,73,103,.085);}
.contact-panel>span {color:#0c7d93;}
.contact-email {color:#075e94;}
.site-footer {background:#07182c;border-top:1px solid #183551;padding:28px 0;}
.footer-inner {display:flex;justify-content:space-between;align-items:center;gap:20px;}
.footer-identity {display:inline-flex;align-items:center;gap:10px;color:white;line-height:1.15;white-space:nowrap;}
.footer-identity img {display:block;width:44px;height:44px;object-fit:contain;}
.footer-identity strong {display:block;font:800 17px Manrope,Arial,sans-serif;letter-spacing:-.5px;}
.footer-identity em {color:#2dc5b5;font-style:normal;}
.footer-identity small {display:block;color:#819cb2;font-size:9px;letter-spacing:.35px;margin-top:3px;}
.site-footer a:last-child {color:#b7d0d8;}
@media(max-width:1200px){.brand-logo img{height:73px}.nav-links{gap:19px}}
@media(max-width:900px){.site-header{height:92px}.brand-logo img{height:69px}.nav-wrap{gap:15px}.nav-links{gap:14px;font-size:11px}.nav-contact{padding:11px 13px}.about-node{font-size:10px}}
@media(max-width:700px){
 .site-header{height:82px}
 .brand-logo img{height:60px}
 .nav-links{top:82px;background:#fff;border-bottom:1px solid #e3ebf1;box-shadow:0 14px 24px #0b274621;color:#244057;font-size:14px}
 .nav-links .nav-contact{color:white;text-align:center}
 .hero-layout{padding-top:58px}
 .about-art{height:300px}
 .about-orbit-1{width:220px;height:220px}.about-orbit-2{width:290px;height:290px}
 .about-identity{width:136px;height:136px}.about-identity img{width:110px;height:110px}
 .about-node-left{left:9px;top:14%}.about-node-right{right:9px;top:16%}.about-node-bottom{bottom:46px}
 .contact-panel{padding:26px}
 .footer-inner{gap:15px}
}
@media(max-width:390px){.brand-logo img{height:53px}.about-node-left{left:4px;font-size:9px}.about-node-right{right:4px;font-size:9px}}

/* Precise placement — prevent legacy .about-art > span from stretching badges */
.about-art > span.about-orbit-1,
.about-art > span.about-orbit-2 {
  position:absolute;left:50%;top:50%;right:auto;bottom:auto;
  transform:translate(-50%,-50%);
}
.about-art > span.about-node-left {
  left:18px;top:22%;right:auto;bottom:auto;
}
.about-art > span.about-node-right {
  left:auto;right:18px;top:24%;bottom:auto;
}
.about-art > span.about-node-bottom {
  left:50%;top:auto;right:auto;bottom:59px;
  transform:translateX(-50%);
}
.about-art > span.about-art-note {
  left:28px;right:auto;top:auto;bottom:21px;
}
@media(min-width:1201px){
  .product-visual{transform:scale(.90);transform-origin:left center}
}
@media(max-width:700px){
 .about-art > span.about-node-left{left:9px;top:16%}
 .about-art > span.about-node-right{right:9px;top:17%}
 .about-art > span.about-node-bottom{bottom:48px}
 .about-art > span.about-art-note{left:22px;bottom:18px}
}