:root{
  --bg:#06101d;
  --bg2:#0a1830;
  --bg3:#0e2442;
  --panel:rgba(9,22,40,.90);
  --panel2:rgba(13,31,55,.92);
  --line:rgba(118,184,233,.14);
  --line2:rgba(145,213,255,.24);
  --white:#f4f9ff;
  --text:#d7e8f7;
  --muted:#8caac8;
  --blue:#7ed1ff;
  --blue2:#4f9ad4;
  --blue3:#285d8d;
  --amber:#ffc86b;
  --red:#ff5268;
  --radius:28px;
  --shell:min(1240px,calc(100vw - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
  radial-gradient(circle at 50% -10%,rgba(86,169,229,.13),transparent 26%),
  radial-gradient(circle at 12% 12%,rgba(83,171,232,.07),transparent 22%),
  radial-gradient(circle at 88% 18%,rgba(107,196,246,.08),transparent 23%),
  linear-gradient(180deg,#07111f 0%,#081426 24%,#09182d 56%,#07111f 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,a{font:inherit}.shell{width:var(--shell);margin-inline:auto}
.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")}
#particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.8}.cursor-light{position:fixed;z-index:0;width:620px;height:620px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(68,151,211,.13),transparent 70%);filter:blur(18px)}
::selection{background:rgba(126,207,255,.24);color:white}

.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:15px 0;transition:.25s}.header.scrolled{padding:9px 0}.nav{height:72px;padding:0 14px;border:1px solid rgba(149,210,250,.16);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,rgba(27,67,103,.94),rgba(18,48,78,.91));box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand img{width:49px;height:49px;object-fit:contain;filter:brightness(1.18) saturate(1.05) drop-shadow(0 0 10px rgba(166,226,255,.24))}.brand>span{display:flex;flex-direction:column}.brand strong{font-family:Georgia,"Times New Roman",serif;font-size:22px;letter-spacing:.02em;color:#f1f8ff}.brand small{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#b0cee8}.nav-links{display:flex;gap:30px;color:#d0e2f1;font-size:13px;font-weight:600}.nav-links a{opacity:.86;transition:.2s}.nav-links a:hover{opacity:1;color:white}.menu{display:none;background:transparent;border:0;width:42px;height:42px;position:relative}.menu i{position:absolute;left:10px;right:10px;height:1.5px;background:#e9f6ff}.menu i:first-child{top:16px}.menu i:last-child{top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;transition:.24s;white-space:nowrap}.btn-nav{height:44px;padding:0 16px;border:1px solid rgba(190,229,255,.18);background:linear-gradient(135deg,rgba(127,205,250,.18),rgba(24,63,101,.72));font-size:12px;color:#f4f9ff;font-weight:800}.btn-nav:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(37,115,172,.24)}.btn-primary{height:56px;padding:0 24px;background:linear-gradient(135deg,#99e0ff,#63b7ef 48%,#2f78b0);color:#03111f;font-weight:800;font-size:13px;box-shadow:0 18px 48px rgba(47,130,190,.26),0 0 44px rgba(94,185,242,.12)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 64px rgba(47,130,190,.34),0 0 58px rgba(94,185,242,.18)}.btn-text{font-size:13px;color:#bed5e8;padding:12px 0;font-weight:600}.btn-text:hover{color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:#7fbce8}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#92dcff;box-shadow:0 0 0 6px rgba(146,220,255,.10),0 0 18px rgba(146,220,255,.72)}

.hero{position:relative;z-index:2;min-height:100vh;padding-top:148px;padding-bottom:78px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-copy h1{font-size:clamp(58px,6vw,94px);line-height:.95;letter-spacing:-.055em;margin:24px 0 28px;color:#f4f9ff}.hero-copy h1 span{background:linear-gradient(90deg,#f3fbff 0%,#a7ddff 42%,#67b2e7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:680px;margin:0;color:#9ab6d0;font-size:18px;line-height:1.72}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:38px}
.hero-visual{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center;isolation:isolate}.globe-stage{position:relative;width:min(660px,100%);height:660px;display:flex;align-items:center;justify-content:center;perspective:1200px;transition:transform .2s ease-out}.globe-aura{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(128,211,255,.24),rgba(54,136,198,.18) 40%,rgba(18,53,86,.08) 60%,transparent 76%);filter:blur(16px)}.globe-ring{position:absolute;border-radius:50%;border:1px solid rgba(128,206,255,.14);box-shadow:0 0 38px rgba(76,164,220,.08),inset 0 0 18px rgba(255,255,255,.03)}.gr-a{width:530px;height:530px;animation:spin 20s linear infinite}.gr-b{width:620px;height:320px;transform:rotate(21deg);animation:tiltA 11s ease-in-out infinite}.gr-c{width:620px;height:320px;transform:rotate(-21deg);animation:tiltB 12s ease-in-out infinite}.energy-trace{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(92,191,246,.18),rgba(225,249,255,.98),rgba(92,191,246,.18),transparent);filter:drop-shadow(0 0 8px rgba(103,201,255,.75))}.et-a{width:420px;left:12px;top:24%;animation:flowA 4s linear infinite}.et-b{width:470px;right:-18px;top:59%;animation:flowB 4.7s linear infinite}.et-c{width:350px;left:66px;bottom:20%;animation:flowC 3.9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes tiltA{50%{transform:rotate(31deg) translateY(-8px)}}@keyframes tiltB{50%{transform:rotate(-31deg) translateY(8px)}}@keyframes flowA{0%{transform:translateX(-170px)}100%{transform:translateX(340px)}}@keyframes flowB{0%{transform:translateX(170px)}100%{transform:translateX(-330px)}}@keyframes flowC{0%{transform:translateX(-120px)}100%{transform:translateX(270px)}}
#globeCanvas{position:relative;width:560px;height:560px;z-index:3;filter:drop-shadow(0 34px 60px rgba(0,0,0,.28)) drop-shadow(0 0 45px rgba(90,182,238,.16))}.logo-orbit{position:absolute;left:50%;top:50%;z-index:6;width:92px;height:92px;transform-origin:center;will-change:transform;filter:drop-shadow(0 0 18px rgba(132,214,255,.48));pointer-events:none}.logo-orbit img{width:100%;height:100%;object-fit:contain;animation:logoPulse 2.8s ease-in-out infinite}@keyframes logoPulse{0%,100%{filter:brightness(1.05)}50%{filter:brightness(1.28) drop-shadow(0 0 12px rgba(153,220,255,.25))}}

.section{position:relative;z-index:2;padding:112px 0}.section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:end;margin-bottom:34px}.section-intro h2{font-size:clamp(44px,5vw,74px);line-height:.96;letter-spacing:-.05em;margin:16px 0 0;color:#f2f8ff}.section-intro p{margin:0;color:#8ca8c3;line-height:1.75;font-size:16px;max-width:560px;justify-self:end}
.category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.category-tab{height:68px;border-radius:18px;border:1px solid rgba(116,182,228,.14);background:linear-gradient(180deg,rgba(13,31,55,.96),rgba(8,20,37,.90));display:flex;align-items:center;gap:12px;padding:0 18px;color:#9ebfdb;font-weight:700;cursor:pointer;transition:.24s;box-shadow:0 16px 34px rgba(0,0,0,.18)}.category-tab span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid rgba(116,182,228,.14);font-size:10px;color:#7db8e7;background:rgba(255,255,255,.02)}.category-tab:hover,.category-tab.active{transform:translateY(-2px);border-color:rgba(117,201,245,.28);color:#f1f8ff;box-shadow:0 22px 44px rgba(0,0,0,.26),0 0 36px rgba(78,155,210,.12)}.category-tab.active{background:linear-gradient(180deg,rgba(18,43,72,.98),rgba(11,27,48,.94))}
.showcase{display:grid;grid-template-columns:.92fr 1.08fr;border-radius:34px;border:1px solid rgba(117,184,231,.12);background:linear-gradient(150deg,rgba(11,24,43,.94),rgba(9,18,33,.92) 56%,rgba(8,16,30,.97));box-shadow:0 44px 100px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}.showcase-copy{padding:42px 38px 36px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(117,178,222,.08);min-height:600px}.showcase-status{display:flex;align-items:center;gap:10px;font-size:12px;color:#78aedd;text-transform:uppercase;letter-spacing:.14em}.showcase-status i{width:8px;height:8px;border-radius:50%;background:#7ed0ff;box-shadow:0 0 18px rgba(126,208,255,.8)}.showcase-status em{font-style:normal;margin-left:auto;padding:8px 12px;border-radius:999px;border:1px solid rgba(117,194,241,.18);background:rgba(255,255,255,.03);font-size:10px;color:#a8d5f4}.showcase-copy h3{font-size:clamp(44px,5vw,72px);line-height:.92;letter-spacing:-.05em;margin:20px 0 18px;color:#f0f8ff}.showcase-copy p{font-size:17px;line-height:1.76;color:#8ea9c3;max-width:540px;margin:0 0 22px}.value-points{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.value-points span,.tool-pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(118,184,226,.12);background:rgba(255,255,255,.03);font-size:12px;color:#b4d2eb}.tool-list-wrap small{display:block;font-size:10px;letter-spacing:.16em;color:#6f99be;margin-bottom:14px}.tool-list{display:flex;flex-wrap:wrap;gap:10px}.tool-pill{cursor:pointer;transition:.22s}.tool-pill.active,.tool-pill:hover{background:linear-gradient(180deg,rgba(17,41,69,.98),rgba(12,30,52,.94));color:#f2f8ff;border-color:rgba(109,191,239,.26);transform:translateY(-1px);box-shadow:0 16px 36px rgba(0,0,0,.20),0 0 32px rgba(78,155,210,.10)}
.showcase-stage{position:relative;min-height:600px;padding:36px;background:radial-gradient(circle at 72% 28%,rgba(67,146,205,.13),transparent 24%),radial-gradient(circle at 24% 72%,rgba(58,128,185,.17),transparent 26%),linear-gradient(160deg,rgba(9,20,37,.98),rgba(12,27,48,.94))}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(110,174,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(110,174,224,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,black 20%,rgba(0,0,0,.6) 60%,transparent 88%);opacity:.75}.stage-glow{position:absolute;inset:24px;border-radius:28px;border:1px solid rgba(118,182,229,.07);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);pointer-events:none}.tool-scene{position:absolute;inset:34px;padding:56px 28px 28px;border-radius:28px;border:1px solid rgba(118,182,229,.10);background:linear-gradient(180deg,rgba(10,25,44,.82),rgba(8,18,34,.66));backdrop-filter:blur(8px);opacity:0;transform:translateY(12px) scale(.985);transition:.35s}.tool-scene.active{opacity:1;transform:none}.scene-label{position:absolute;top:18px;left:22px;font-size:10px;letter-spacing:.18em;color:#7cb7e6;text-transform:uppercase}

/* Concierge */
.concierge-flow{position:relative;min-height:480px}.concierge-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.c-path{fill:none;stroke-width:2.2;stroke-linecap:round}.c-path.main{stroke:url(#flowBlue)}.c-path.exception{stroke:url(#flowAmber);stroke-dasharray:6 8}.cf-node{position:absolute;z-index:3;min-width:124px;padding:12px 10px;border-radius:16px;border:1px solid rgba(114,184,230,.16);background:linear-gradient(180deg,rgba(16,39,65,.98),rgba(10,24,43,.94));box-shadow:0 18px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03);text-align:center}.cf-node small{display:block;font-size:7px;letter-spacing:.15em;color:#73a1c7;margin-bottom:8px}.cf-node strong{font-size:10px;line-height:1.35;color:#eaf6ff}.n-booking{left:46px;top:86px}.n-task{left:246px;top:86px}.n-rules{left:448px;top:86px}.n-notify{right:22px;top:86px}.n-choice{right:18px;top:208px}.n-ok{left:438px;top:292px}.n-refuse{left:332px;top:210px}.n-silence{right:18px;bottom:34px}.cf-node.success{border-color:rgba(126,218,187,.20)}.cf-node.warn{border-color:rgba(255,200,107,.20)}.cf-value{position:absolute;left:40px;right:210px;bottom:28px;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(116,184,228,.12);background:rgba(255,255,255,.025);color:#a9c7e0;font-size:11px}.cf-value i{width:8px;height:8px;border-radius:50%;background:#7ed0ff;box-shadow:0 0 14px rgba(126,208,255,.7)}

/* Inbox */
.inbox-demo{height:100%;display:grid;grid-template-columns:1fr 70px .9fr 70px 1.15fr;align-items:center;gap:12px}.mail-drop,.scan-core,.reply-card{position:relative;border-radius:22px;border:1px solid rgba(114,185,229,.16);background:linear-gradient(180deg,rgba(15,37,63,.96),rgba(10,24,43,.92));box-shadow:0 20px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}.mail-drop{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.mailbox{width:78px;height:58px;border-radius:18px 18px 26px 26px;border:2px solid rgba(120,202,252,.28);position:relative;background:rgba(255,255,255,.02)}.mailbox:before{content:"";position:absolute;left:12px;right:12px;top:14px;height:2px;background:rgba(120,202,252,.24)}.envelope{position:absolute;top:28px;width:40px;height:28px;border-radius:5px;border:1px solid rgba(120,202,252,.34);background:linear-gradient(180deg,rgba(244,250,255,.96),rgba(180,220,246,.92));animation:dropMail 3.8s ease-in-out infinite}.envelope:before,.envelope:after{content:"";position:absolute;left:0;right:0;margin:auto;width:24px;height:1px;background:rgba(73,142,195,.35);top:11px;transform-origin:center}.envelope:before{transform:rotate(28deg)}.envelope:after{transform:rotate(-28deg)}@keyframes dropMail{0%,15%{transform:translateY(-40px);opacity:0}30%,55%{transform:translateY(10px);opacity:1}70%,100%{transform:translateY(54px);opacity:0}}.mail-drop small,.scan-core small,.reply-card small{display:block;font-size:8px;letter-spacing:.16em;color:#80afd3;text-transform:uppercase}.digital-line{height:2px;background:linear-gradient(90deg,rgba(83,162,216,.08),rgba(83,162,216,.88),rgba(83,162,216,.08));position:relative}.packet{position:absolute;top:-2px;left:0;width:16px;height:6px;border-radius:999px;background:#edfaff;box-shadow:0 0 16px rgba(131,206,255,.9);animation:packetRun 2.6s linear infinite}@keyframes packetRun{0%{left:0;opacity:0}12%{opacity:1}100%{left:calc(100% - 16px);opacity:0}}.scan-core{height:180px;padding:24px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.scan-core span{width:72px;height:72px;border-radius:50%;border:2px solid rgba(93,167,218,.30);display:block;position:relative;margin-bottom:14px;box-shadow:0 0 0 10px rgba(134,209,255,.06)}.scan-core span:before,.scan-core span:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(93,167,218,.35)}.scan-core span:before{width:44px;height:44px}.scan-core span:after{width:18px;height:18px;background:rgba(117,197,246,.22);box-shadow:0 0 28px rgba(118,196,244,.45)}.scan-core strong{font-size:14px;color:#edf7ff;margin-top:8px}.reply-card{height:250px;padding:18px 18px 16px}.reply-card b{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(110,185,236,.12),rgba(110,185,236,.48),rgba(110,185,236,.10));margin-top:16px}.reply-card b:nth-of-type(1){width:82%}.reply-card b:nth-of-type(2){width:62%}.reply-card b:nth-of-type(3){width:76%}.reply-card b:nth-of-type(4){width:48%}.reply-card em{display:inline-flex;margin-top:22px;font-style:normal;padding:8px 10px;border-radius:999px;background:rgba(112,202,255,.10);border:1px solid rgba(112,202,255,.16);font-size:11px;color:#a8d5f4}

/* Sales */
.sales-demo{position:relative;height:100%}.lead-card,.sales-step,.sales-alert{border:1px solid rgba(114,185,229,.16);background:linear-gradient(180deg,rgba(15,37,63,.96),rgba(10,24,43,.92));box-shadow:0 18px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}.lead-card{position:absolute;left:50%;transform:translateX(-50%);top:50px;width:230px;padding:18px 18px 16px;border-radius:18px;text-align:center}.lead-card small{display:block;font-size:8px;letter-spacing:.16em;color:#80afd3;margin-bottom:10px}.lead-card strong{display:block;font-size:18px;color:#eef8ff}.lead-card span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(108,194,245,.10);color:#94d7ff;font-weight:800;position:absolute;right:18px;top:18px}.sales-route{position:absolute;left:14%;right:14%;top:200px;height:150px;border:1px dashed rgba(87,158,212,.24);border-radius:30px}.sales-route i{position:absolute;width:14px;height:14px;border-radius:50%;background:#f5fcff;box-shadow:0 0 20px rgba(126,208,255,.9)}.sales-route i:nth-child(1){top:18px;left:20px;animation:moveDot 5.2s linear infinite}.sales-route i:nth-child(2){top:72px;left:50%;animation:moveDot 5.2s linear infinite 1.5s}.sales-route i:nth-child(3){bottom:18px;right:20px;animation:moveDot 5.2s linear infinite 3s}@keyframes moveDot{50%{transform:scale(1.4)}}.sales-step{position:absolute;width:126px;height:95px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;top:230px;text-align:center}.sales-step b{display:grid;place-items:center;width:30px;height:24px;border-radius:8px;background:rgba(117,201,246,.10);font-size:9px;color:#91d6ff}.sales-step small{font-size:8px;letter-spacing:.15em;color:#8eb7da}.sales-step.s1{left:6%}.sales-step.s2{left:calc(50% - 63px)}.sales-step.s3{right:6%}.sales-alert{position:absolute;left:50%;transform:translateX(-50%);bottom:50px;border-radius:14px;padding:12px 16px;font-size:12px;color:#a8d5f4}

/* 3D city */
.immo-demo{height:100%;display:grid;grid-template-columns:1.16fr .84fr;gap:18px;align-items:center}.city-perspective{position:relative;height:390px;perspective:900px;overflow:visible}.city-board{position:absolute;left:50%;top:52%;width:390px;height:390px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.86);border-radius:28px;border:1px solid rgba(125,197,243,.15);background:linear-gradient(160deg,rgba(14,31,53,.98),rgba(7,17,31,.98));box-shadow:0 50px 85px rgba(0,0,0,.42),0 0 44px rgba(70,154,215,.10);overflow:visible}.city-board:before{content:"";position:absolute;inset:0;border-radius:28px;background-image:linear-gradient(rgba(103,164,211,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(103,164,211,.05) 1px,transparent 1px);background-size:28px 28px}.road3d{position:absolute;z-index:1;border-radius:999px;background:rgba(126,166,198,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.road3d.rh{left:12px;right:12px;height:18px}.road3d.rv{top:12px;bottom:12px;width:18px}.road3d.rd{width:18px;height:460px;top:-36px;left:190px;transform:rotate(34deg);transform-origin:center}.road3d.a{top:92px}.road3d.b{top:198px}.road3d.c{bottom:72px}.road3d.d{left:92px}.road3d.e{left:202px}.road3d.f{right:86px}.road3d.active-road{animation:streetCycle 6s ease-in-out infinite}.road3d.b{animation-delay:0s}.road3d.f{animation-delay:2s}.road3d.g{animation-delay:4s}@keyframes streetCycle{0%,22%,100%{background:rgba(126,166,198,.13);box-shadow:none}32%,58%{background:linear-gradient(90deg,rgba(95,184,240,.18),rgba(94,196,255,.92),rgba(95,184,240,.18));box-shadow:0 0 20px rgba(91,192,252,.52)}72%{background:rgba(126,166,198,.13)}}
.city-building{position:absolute;z-index:3;transform-style:preserve-3d;background:linear-gradient(145deg,#183a5c,#0e263f);border:1px solid rgba(134,193,234,.14);box-shadow:0 18px 22px rgba(0,0,0,.34)}.city-building:before,.city-building:after{content:"";position:absolute;background:linear-gradient(145deg,#0d2138,#0a1c30);border:1px solid rgba(134,193,234,.08)}.city-building:before{left:100%;top:8px;width:18px;height:100%;transform-origin:left top;transform:skewY(45deg)}.city-building:after{left:10px;top:100%;width:100%;height:18px;transform-origin:left top;transform:skewX(45deg)}.city-building i{position:absolute;inset:10px;background:repeating-linear-gradient(90deg,rgba(108,203,255,.28) 0 5px,transparent 5px 13px),repeating-linear-gradient(0deg,rgba(108,203,255,.18) 0 4px,transparent 4px 12px);opacity:.45}.tower{width:54px;height:74px}.block{width:72px;height:48px}.house{width:48px;height:38px}.low{width:86px;height:30px}.cb1{left:28px;top:24px}.cb2{right:30px;top:28px;height:92px}.cb3{left:150px;top:112px;width:62px;height:104px}.cb4{left:122px;top:26px}.cb5{right:110px;top:126px;width:80px}.cb6{left:32px;bottom:34px;width:84px}.cb7{left:240px;bottom:38px}.cb8{right:28px;bottom:52px}.cb9{left:42px;top:146px}.cb10{right:130px;bottom:92px}.cb11{left:126px;bottom:24px}.cb12{right:42px;top:138px}.street-pin{position:absolute;z-index:5;width:14px;height:14px;border-radius:50% 50% 50% 0;background:linear-gradient(180deg,#fff,#80d2ff);transform:rotate(-45deg) translateZ(18px);box-shadow:0 0 18px rgba(108,204,255,.72)}.sp1{left:108px;top:118px}.sp2{right:112px;top:214px}.sp3{left:234px;bottom:84px}
.crm-panel{height:340px;border-radius:22px;border:1px solid rgba(116,186,232,.12);background:linear-gradient(180deg,rgba(11,26,45,.96),rgba(9,19,36,.94));box-shadow:0 20px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);padding:18px}.crm-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.crm-head i{width:10px;height:10px;border-radius:50%;background:#8bd1ff;box-shadow:0 0 18px rgba(139,209,255,.85)}.crm-head small{display:block;font-size:8px;letter-spacing:.16em;color:#7098bc}.crm-head strong{display:block;font-size:16px;color:#edf8ff}.crm-body{display:flex;flex-direction:column;gap:12px}.crm-row{height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(76,146,201,.18),rgba(76,146,201,.44),rgba(76,146,201,.12))}.crm-row.large{width:88%}.crm-row.mid{width:68%}.crm-row.short{width:52%}.crm-tag-row{display:flex;gap:8px;flex-wrap:wrap}.crm-tag-row span{padding:7px 10px;border-radius:999px;border:1px solid rgba(109,178,224,.14);background:rgba(255,255,255,.03);font-size:11px;color:#b3d3ee}.crm-check{margin-top:8px;padding:14px;border-radius:16px;border:1px solid rgba(106,176,223,.14);background:rgba(255,255,255,.03);display:flex;justify-content:space-between;align-items:center}.crm-check b{font-size:13px;color:#edf8ff}.checkbox{display:inline-block;width:22px;height:22px;border-radius:6px;border:1px solid rgba(118,196,245,.28);background:rgba(255,255,255,.03);position:relative}.checkbox.checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border-right:2px solid #89d8ff;border-bottom:2px solid #89d8ff;transform:rotate(38deg)}

/* Approach scenes */
.approach-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.approach-card{position:relative;overflow:hidden;min-height:410px;border-radius:28px;border:1px solid rgba(116,180,224,.10);background:linear-gradient(160deg,rgba(12,24,43,.95),rgba(8,18,34,.92));box-shadow:0 28px 66px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.03);padding:24px 22px 22px}.approach-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(73,155,215,.14),transparent 44%);pointer-events:none}.ac-header{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.16em;color:#6b93b7;text-transform:uppercase;margin-bottom:18px}.ac-header span{display:flex;align-items:center;gap:8px}.ac-header i{width:8px;height:8px;border-radius:50%;background:#8bd1ff;box-shadow:0 0 18px rgba(139,209,255,.85)}.ac-header em{font-style:normal;color:#84b9e4}.approach-card p{position:absolute;left:22px;right:22px;bottom:22px;margin:0;color:#8ca9c7;font-size:14px;line-height:1.68}.audit-illustration,.design-illustration,.deploy-illustration{position:relative;height:260px;border-radius:22px;border:1px solid rgba(131,191,233,.09);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));overflow:hidden}
.scene-floor{position:absolute;left:22px;right:22px;bottom:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(126,196,239,.26),transparent)}.client-desk{position:absolute;left:84px;bottom:70px;width:160px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(82,151,201,.28),rgba(82,151,201,.08))}.client-laptop{position:absolute;left:42px;bottom:14px;width:82px;height:54px;border-radius:8px 8px 4px 4px;border:1px solid rgba(111,183,230,.16);background:linear-gradient(180deg,#102c49,#0b1f35)}.client-laptop:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-8px;height:7px;border-radius:999px;background:#10253b}.screen-glow{position:absolute;inset:7px;border-radius:5px;background:linear-gradient(135deg,rgba(115,204,255,.14),rgba(78,149,199,.04));animation:screenPulse 3s ease-in-out infinite}@keyframes screenPulse{50%{box-shadow:inset 0 0 24px rgba(126,208,255,.16)}}
.client-person,.advisor-person,.reuse-person{position:absolute}.client-person .head,.advisor-person .head,.reuse-person .head{position:absolute;border-radius:50%;border:1px solid rgba(115,188,235,.22);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.22),rgba(101,175,222,.10));box-shadow:0 0 16px rgba(121,203,248,.08)}.client-person .torso,.advisor-person .torso,.reuse-person .torso{position:absolute;border:1px solid rgba(115,188,235,.15);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(91,162,210,.07))}.client-person.seated{left:32px;bottom:60px;width:82px;height:130px}.client-person .head{left:26px;top:4px;width:34px;height:34px}.client-person .torso{left:14px;top:40px;width:58px;height:72px;border-radius:26px 26px 18px 18px;transform:rotate(4deg)}.client-person .arm{position:absolute;left:54px;top:72px;width:58px;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(102,176,225,.18),rgba(102,176,225,.06));transform:rotate(18deg)}
.advisor-person.standing{right:42px;bottom:42px;width:90px;height:174px}.advisor-person .head{left:28px;top:0;width:36px;height:36px}.advisor-person .torso{left:18px;top:38px;width:58px;height:86px;border-radius:26px 26px 16px 16px}.advisor-person .leg{position:absolute;bottom:0;width:12px;height:58px;border-radius:999px;background:rgba(103,177,225,.10)}.advisor-person .leg.l{left:30px}.advisor-person .leg.r{right:30px}.advisor-person .tablet{position:absolute;left:-14px;top:62px;width:46px;height:58px;border-radius:8px;border:1px solid rgba(119,192,238,.22);background:linear-gradient(180deg,rgba(28,65,101,.88),rgba(11,31,52,.94));box-shadow:0 12px 24px rgba(0,0,0,.18)}
.observation-beam{position:absolute;left:190px;right:118px;top:104px;height:2px;background:linear-gradient(90deg,transparent,rgba(126,208,255,.88),transparent);filter:drop-shadow(0 0 8px rgba(126,208,255,.65));animation:observeBeam 3.8s ease-in-out infinite}@keyframes observeBeam{0%,100%{opacity:.15;transform:scaleX(.45);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}.note-ticks{position:absolute;right:82px;top:70px;display:grid;gap:9px}.note-ticks i{width:18px;height:7px;border-right:2px solid #87d6ff;border-bottom:2px solid #87d6ff;transform:rotate(38deg);opacity:0;animation:tickIn 3.8s ease-in-out infinite}.note-ticks i:nth-child(2){animation-delay:.55s}.note-ticks i:nth-child(3){animation-delay:1.1s}@keyframes tickIn{0%,35%{opacity:0;transform:translateY(5px) rotate(38deg)}50%,85%{opacity:1;transform:translateY(0) rotate(38deg)}100%{opacity:0}}
.reuse-person{left:42px;bottom:44px;width:90px;height:154px}.reuse-person .head{left:28px;top:0;width:36px;height:36px}.reuse-person .torso{left:18px;top:38px;width:58px;height:90px;border-radius:26px 26px 16px 16px}.reuse-desk{position:absolute;left:90px;right:54px;bottom:62px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(82,151,201,.28),rgba(82,151,201,.08))}.reuse-pc{position:absolute;left:90px;bottom:14px;width:118px;height:74px;border-radius:10px;border:1px solid rgba(111,183,230,.16);background:linear-gradient(180deg,#102c49,#0b1f35)}.reuse-screen{position:absolute;inset:8px;border-radius:6px;background:linear-gradient(135deg,rgba(116,204,255,.10),rgba(68,136,184,.04));display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}.reuse-screen i{border-radius:5px;background:linear-gradient(180deg,rgba(120,198,243,.22),rgba(120,198,243,.05));animation:toolBuild 3.4s ease-in-out infinite}.reuse-screen i:nth-child(2){animation-delay:.4s}.reuse-screen i:nth-child(3){animation-delay:.8s}@keyframes toolBuild{0%,30%{opacity:.2;transform:scale(.85)}55%,85%{opacity:1;transform:scale(1)}100%{opacity:.2}}
.tool-orb{position:absolute;width:46px;height:46px;border-radius:15px;border:1px solid rgba(111,185,232,.16);background:linear-gradient(180deg,rgba(19,46,76,.96),rgba(10,25,44,.94));display:grid;place-items:center;color:#a9d9f6;font-size:18px;box-shadow:0 12px 24px rgba(0,0,0,.18),0 0 20px rgba(84,164,218,.08);animation:orbFloat 3.8s ease-in-out infinite}.mail-o{right:24px;top:24px}.cal-o{right:30px;bottom:44px;animation-delay:.7s}.crm-o{left:134px;top:18px;animation-delay:1.2s}.doc-o{left:146px;bottom:32px;animation-delay:1.8s}@keyframes orbFloat{50%{transform:translateY(-7px)}}.design-illustration svg{position:absolute;inset:0;width:100%;height:100%}.design-illustration path{fill:none;stroke:rgba(105,189,241,.32);stroke-width:2;stroke-dasharray:4 9;animation:pathDash 7s linear infinite}
.deploy-pc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:170px}.deploy-screen{position:absolute;left:0;right:0;top:0;height:140px;border-radius:14px;border:1px solid rgba(113,185,232,.18);background:linear-gradient(180deg,#0e2945,#091b30);box-shadow:0 18px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03)}.deploy-base{position:absolute;left:70px;right:70px;bottom:0;height:18px;border-radius:4px;background:#10263f}.auto-node{position:absolute;width:32px;height:24px;border-radius:8px;border:1px solid rgba(120,196,244,.18);background:rgba(98,183,236,.08)}.an1{left:24px;top:56px}.an2{left:92px;top:26px}.an3{right:92px;top:78px}.an4{right:24px;top:44px}.auto-line{position:absolute;height:2px;background:linear-gradient(90deg,rgba(91,178,231,.08),rgba(152,225,255,.86),rgba(91,178,231,.08));filter:drop-shadow(0 0 7px rgba(110,202,255,.55))}.al1{left:56px;top:68px;width:46px;transform:rotate(-18deg)}.al2{left:124px;top:55px;width:58px;transform:rotate(32deg)}.al3{right:55px;top:70px;width:46px;transform:rotate(-28deg)}.screen-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:#f1fbff;box-shadow:0 0 16px rgba(117,211,255,.84);left:24px;top:64px;animation:screenRun 3.8s linear infinite}@keyframes screenRun{0%{left:24px;top:64px}30%{left:106px;top:34px}62%{left:174px;top:86px}100%{left:226px;top:52px}}.mini-guardian{position:absolute;right:22px;top:26px;width:58px;height:58px;border-radius:18px;border:1px solid rgba(113,185,232,.14);display:grid;place-items:center;background:rgba(255,255,255,.02);animation:guardPulse 3.8s ease-in-out infinite}.mini-guardian span{width:28px;height:22px;border:1px solid rgba(143,220,255,.28);border-radius:50%/60%;position:relative}.mini-guardian span:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8bd6ff;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(139,214,255,.6)}@keyframes guardPulse{50%{box-shadow:0 0 24px rgba(113,200,248,.14)}}
.approach-flow{display:grid;grid-template-columns:repeat(5,1fr);border-radius:24px;overflow:hidden;border:1px solid rgba(117,181,224,.10);background:linear-gradient(180deg,rgba(11,24,43,.90),rgba(8,18,34,.92));box-shadow:0 24px 55px rgba(0,0,0,.24)}.approach-flow>div{padding:24px 22px 28px;border-right:1px solid rgba(121,182,224,.08);min-height:160px}.approach-flow>div:last-child{border-right:0}.approach-flow span{font-size:8px;letter-spacing:.13em;color:#74aede}.approach-flow strong{display:block;font-size:14px;margin:16px 0 8px;color:#f2f8ff}.approach-flow p{font-size:12px;line-height:1.65;color:#8ca9c7;margin:0}

/* Guardian */
.guardian-panel{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;border-radius:32px;border:1px solid rgba(117,181,224,.10);background:linear-gradient(150deg,rgba(11,24,43,.92),rgba(8,18,34,.96));overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.28)}.guardian-demo{position:relative;min-height:390px;padding:28px;background:radial-gradient(circle at 54% 50%,rgba(57,139,201,.10),transparent 38%);overflow:hidden}.guardian-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(110,174,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(110,174,224,.05) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle at center,black 22%,rgba(0,0,0,.7) 60%,transparent 94%)}.process-track{position:absolute;left:7%;right:7%;top:42%;height:100px;display:grid;grid-template-columns:74px 1fr 74px 1fr 74px 1fr 74px;align-items:center}.g-node{width:74px;height:64px;border-radius:18px;border:1px solid rgba(111,183,231,.16);background:linear-gradient(180deg,rgba(15,37,63,.98),rgba(10,24,43,.94));display:grid;place-items:center;z-index:2}.g-node i{width:20px;height:20px;border-radius:50%;background:#78cfff;box-shadow:0 0 18px rgba(120,207,255,.62)}.g-link{height:2px;background:linear-gradient(90deg,rgba(91,178,231,.08),rgba(152,225,255,.86),rgba(91,178,231,.08));filter:drop-shadow(0 0 7px rgba(110,202,255,.55));position:relative}.gl1:after,.gl2:after{content:"";position:absolute;left:0;top:-2px;width:14px;height:6px;border-radius:99px;background:#edfaff;box-shadow:0 0 16px rgba(131,206,255,.9);animation:gPacket 5.5s linear infinite}.gl2:after{animation-delay:1.4s}@keyframes gPacket{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}.error-node{animation:errorNode 6s ease-in-out infinite}.error-node i{animation:errorDot 6s ease-in-out infinite}.blocked-link{animation:blockLink 6s ease-in-out infinite}.error-flash{position:absolute;left:50%;top:50%;width:140px;height:140px;border-radius:50%;transform:translate(-10%,-38%);background:radial-gradient(circle,rgba(255,82,104,.24),rgba(255,82,104,.08) 40%,transparent 72%);opacity:0;animation:errorGlow 6s ease-in-out infinite}.guardian-shield{position:absolute;right:14%;top:27%;width:110px;height:132px;clip-path:polygon(50% 0,88% 14%,88% 56%,74% 80%,50% 100%,26% 80%,12% 56%,12% 14%);background:linear-gradient(180deg,rgba(18,51,83,.96),rgba(8,25,44,.96));border:1px solid rgba(127,208,255,.18);display:grid;place-items:center;opacity:.25;transform:scale(.92);animation:shieldAct 6s ease-in-out infinite}.shield-eye{width:56px;height:34px;border:1px solid rgba(145,218,255,.28);border-radius:60px/42px;position:relative}.shield-eye:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#8bd6ff;box-shadow:0 0 16px rgba(139,214,255,.56)}.block-barrier{position:absolute;right:27%;top:43%;width:4px;height:94px;border-radius:999px;background:#ff5268;box-shadow:0 0 22px rgba(255,82,104,.82);opacity:0;animation:barrierAct 6s ease-in-out infinite}.alert-card{position:absolute;right:7%;bottom:36px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,82,104,.20);background:linear-gradient(180deg,rgba(43,18,28,.94),rgba(23,12,19,.94));box-shadow:0 18px 42px rgba(0,0,0,.26);opacity:0;transform:translateY(12px);animation:alertIn 6s ease-in-out infinite}.alert-dot{width:10px;height:10px;border-radius:50%;background:#ff5268;box-shadow:0 0 14px rgba(255,82,104,.72)}.alert-card small{display:block;font-size:7px;letter-spacing:.15em;color:#ff9fac;margin-bottom:5px}.alert-card strong{font-size:11px;color:#ffe8ec}.guardian-copy{display:flex;flex-direction:column;justify-content:center;padding:34px;gap:14px}.guardian-line{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;padding:15px 0;border-bottom:1px solid rgba(117,181,224,.08)}.guardian-line:last-child{border-bottom:0}.guardian-line span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid rgba(115,187,233,.12);font-size:9px;color:#85b8df}.guardian-line p{margin:0;color:#c3d9ea;line-height:1.6;font-size:15px}
@keyframes errorNode{0%,34%,100%{border-color:rgba(111,183,231,.16);box-shadow:none}42%,63%{border-color:rgba(255,82,104,.78);box-shadow:0 0 26px rgba(255,82,104,.24)}}@keyframes errorDot{0%,34%,100%{background:#78cfff;box-shadow:0 0 18px rgba(120,207,255,.62)}42%,63%{background:#ff5268;box-shadow:0 0 20px rgba(255,82,104,.78)}}@keyframes errorGlow{0%,35%,100%{opacity:0}43%,63%{opacity:1}}@keyframes blockLink{0%,45%,100%{opacity:1}52%,72%{opacity:.08}}@keyframes shieldAct{0%,43%,100%{opacity:.25;transform:scale(.92)}50%,82%{opacity:1;transform:scale(1);box-shadow:0 0 34px rgba(102,192,246,.20)}}@keyframes barrierAct{0%,47%,100%{opacity:0;transform:scaleY(.3)}54%,72%{opacity:1;transform:scaleY(1)}}@keyframes alertIn{0%,58%,100%{opacity:0;transform:translateY(12px)}68%,88%{opacity:1;transform:translateY(0)}}

.contact{position:relative;z-index:2;padding:92px 0 120px}.contact-card{position:relative;overflow:hidden;text-align:center;border:1px solid rgba(119,182,224,.10);border-radius:34px;padding:100px 24px;background:linear-gradient(145deg,rgba(11,24,43,.92),rgba(8,18,34,.96));box-shadow:0 38px 90px rgba(0,0,0,.28)}.contact-orb{position:absolute;width:560px;height:300px;border-radius:50%;left:50%;top:-140px;transform:translateX(-50%);background:radial-gradient(circle,rgba(85,177,235,.20),rgba(52,128,194,.14) 46%,transparent 72%);filter:blur(8px)}.contact-card .eyebrow{position:relative}.contact-card h2{position:relative;font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.045em;max-width:850px;margin:20px auto;color:#f1f8ff}.contact-card p{position:relative;color:#8ca9c7;max-width:650px;margin:0 auto 32px;line-height:1.7}.contact-card .btn{position:relative}.footer{position:relative;z-index:2;padding:0 0 35px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(111,176,221,.10);padding-top:22px}.footer-brand{min-width:0}.footer-brand img{width:39px;height:39px}.footer p{font-size:10px;color:#6788a6}

@media(max-width:1100px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:132px;gap:34px}.hero-visual{min-height:580px}.showcase{grid-template-columns:1fr}.showcase-copy{border-right:0;border-bottom:1px solid rgba(117,178,222,.08);min-height:auto}.showcase-stage{min-height:630px}.approach-visual{grid-template-columns:1fr}.guardian-panel{grid-template-columns:1fr}.approach-flow{grid-template-columns:repeat(3,1fr)}.approach-flow>div:nth-child(3){border-right:0}.approach-flow>div:nth-child(n+4){border-top:1px solid rgba(121,182,224,.08)}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1240px)}.header{padding:10px 0}.nav{height:60px}.brand{min-width:0}.brand img{width:42px;height:42px}.brand small{display:none}.btn-nav{display:none}.menu{display:block}.hero{padding-top:118px;gap:18px;min-height:auto}.hero-copy h1{font-size:52px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{min-height:440px}.globe-stage{height:420px}.globe-aura{width:300px;height:300px}.globe-ring.gr-a{width:320px;height:320px}.globe-ring.gr-b,.globe-ring.gr-c{width:360px;height:190px}#globeCanvas{width:360px;height:360px}.energy-trace{display:none}.logo-orbit{width:60px;height:60px}.section{padding:86px 0}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:42px}.section-intro p{justify-self:start}.category-tabs{grid-template-columns:1fr}.category-tab{height:58px}.showcase{border-radius:24px}.showcase-copy{padding:28px 22px 24px}.showcase-copy h3{font-size:42px}.showcase-stage{min-height:560px;padding:20px}.tool-scene{inset:18px;padding:50px 16px 18px}.concierge-flow{min-height:450px}.cf-node{min-width:96px;padding:9px 7px}.cf-node small{font-size:5px}.cf-node strong{font-size:8px}.n-booking{left:4px}.n-task{left:115px}.n-rules{left:226px}.n-notify{right:2px}.n-choice{right:2px}.n-ok{left:190px}.n-refuse{left:120px}.n-silence{right:2px}.cf-value{left:0;right:0;font-size:9px}.inbox-demo{grid-template-columns:1fr 24px .85fr 24px 1.1fr;gap:4px}.mail-drop{height:150px}.mailbox{width:54px;height:42px}.envelope{width:28px;height:20px}.scan-core{height:125px}.scan-core strong{font-size:9px}.reply-card{height:190px;padding:14px}.sales-step{width:92px;height:76px;padding:10px}.sales-step.s1{left:2%}.sales-step.s2{left:calc(50% - 46px)}.sales-step.s3{right:2%}.lead-card{width:180px}.immo-demo{grid-template-columns:1fr;gap:14px}.city-perspective{height:300px}.city-board{width:300px;height:300px;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-45deg) scale(.8)}.crm-panel{height:260px}.approach-flow{grid-template-columns:1fr}.approach-flow>div{border-right:0;border-top:1px solid rgba(121,182,224,.08);min-height:auto}.guardian-demo{min-height:340px}.process-track{left:4%;right:4%;grid-template-columns:58px 1fr 58px 1fr 58px 1fr 58px}.g-node{width:58px;height:54px}.guardian-shield{right:8%;top:25%;width:90px;height:108px}.block-barrier{right:23%}.alert-card{right:4%;left:4%;bottom:26px}.contact-card{padding:74px 18px}.footer{flex-direction:column;align-items:flex-start;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ========================================================================== */
/* V8 — VISUAL POLISH                                                        */
/* ========================================================================== */

/* Header: still dark, but intentionally brighter than the page background. */
.nav{
  background:linear-gradient(180deg,rgba(35,82,121,.96),rgba(21,56,91,.94));
  border-color:rgba(167,221,255,.22);
  box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.085),0 0 36px rgba(72,159,217,.07);
}
.brand img{filter:brightness(1.28) saturate(1.08) drop-shadow(0 0 13px rgba(174,229,255,.34))}
.brand strong{color:#f7fbff}.brand small{color:#c2daee}.nav-links{color:#e1edf6}.btn-nav{background:linear-gradient(135deg,rgba(143,214,255,.23),rgba(30,77,118,.88));border-color:rgba(199,236,255,.24)}

/* Hero: cleaner stage; no decorative horizontal traces outside the globe. */
.hero-visual{min-height:690px}.globe-stage{height:680px;width:min(680px,100%)}
.globe-aura{width:560px;height:560px;background:radial-gradient(circle,rgba(136,220,255,.28),rgba(53,144,207,.18) 40%,rgba(14,44,76,.09) 62%,transparent 78%);filter:blur(20px)}
.globe-ring{border-color:rgba(134,211,255,.11);box-shadow:0 0 46px rgba(74,166,224,.07),inset 0 0 26px rgba(255,255,255,.025)}
.gr-a{width:550px;height:550px}.gr-b,.gr-c{width:640px;height:330px}.energy-trace{display:none!important}
#globeCanvas{width:600px;height:600px;filter:drop-shadow(0 42px 70px rgba(0,0,0,.30)) drop-shadow(0 0 60px rgba(91,188,245,.22))}
.logo-orbit{width:92px;height:92px;background:none!important;border:0!important;box-shadow:none!important}
.logo-orbit img{filter:none;mix-blend-mode:screen}

/* -------------------------------------------------------------------------- */
/* Concierge — deterministic routing, no line intersects a card.             */
/* -------------------------------------------------------------------------- */
.concierge-flow{position:relative;min-height:470px;padding:52px 18px 0}
.cf-main-row{display:grid;grid-template-columns:minmax(112px,1fr) 42px minmax(112px,1fr) 42px minmax(112px,1fr) 42px minmax(112px,1fr);align-items:center;gap:0;position:relative;z-index:4}
.cf-main-row .cf-node,.cf-choice,.cf-branch{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;min-width:0;width:100%;min-height:82px;display:flex;flex-direction:column;justify-content:center}
.cf-link{height:2px;position:relative;background:linear-gradient(90deg,rgba(74,151,205,.08),rgba(133,216,255,.74),rgba(74,151,205,.08));filter:drop-shadow(0 0 7px rgba(104,200,252,.38));z-index:2}
.cf-link i{position:absolute;top:-2px;left:0;width:14px;height:6px;border-radius:999px;background:#eefbff;box-shadow:0 0 14px rgba(122,213,255,.95);animation:cfRun 5.4s linear infinite;opacity:0}
.cf-main-row .cf-link:nth-of-type(1) i{animation-delay:.2s}.cf-main-row .cf-link:nth-of-type(2) i{animation-delay:1.1s}.cf-main-row .cf-link:nth-of-type(3) i{animation-delay:2s}
@keyframes cfRun{0%,8%{left:0;opacity:0}12%{opacity:1}30%{left:calc(100% - 14px);opacity:1}34%,100%{opacity:0}}
.cf-choice-wrap{width:190px;margin:0 0 0 auto;position:relative;z-index:4;padding-top:34px}
.cf-drop{height:34px;width:2px;margin:0 auto;background:linear-gradient(180deg,rgba(118,204,251,.1),rgba(164,229,255,.8));position:relative}.cf-drop i{position:absolute;left:-4px;top:0;width:10px;height:10px;border-radius:50%;background:#f3fbff;box-shadow:0 0 15px rgba(127,215,255,.9);animation:cfDrop 5.4s linear infinite 2.85s;opacity:0}@keyframes cfDrop{0%,8%{top:0;opacity:0}12%{opacity:1}56%{top:24px;opacity:1}62%,100%{opacity:0}}
.cf-branch-lines{width:460px;height:42px;margin:0 0 0 auto;position:relative;z-index:2}.cf-branch-lines:before{content:"";position:absolute;left:16.66%;right:16.66%;top:18px;height:2px;background:linear-gradient(90deg,rgba(123,210,255,.18),rgba(123,210,255,.62),rgba(255,192,96,.44))}.cf-branch-lines span{position:absolute;top:18px;width:2px;height:24px;background:linear-gradient(180deg,rgba(127,210,255,.6),rgba(127,210,255,.14))}.cf-branch-lines span:nth-child(1){left:16.66%}.cf-branch-lines span:nth-child(2){left:50%;background:linear-gradient(180deg,rgba(255,202,112,.56),rgba(255,202,112,.12))}.cf-branch-lines span:nth-child(3){right:16.66%;background:linear-gradient(180deg,rgba(255,202,112,.56),rgba(255,202,112,.12))}
.cf-branches{width:520px;margin:0 0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:4}.cf-branch{min-height:78px!important}.cf-branch.success{box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 20px rgba(94,206,175,.06)}.cf-branch.warn{box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 20px rgba(255,194,102,.05)}
.cf-branches:after{content:"";position:absolute;left:calc(50% - 4px);top:-33px;width:8px;height:8px;border-radius:50%;background:#f3fbff;box-shadow:0 0 15px rgba(127,215,255,.9);animation:cfBranchPulse 5.4s linear infinite 3.5s;opacity:0}@keyframes cfBranchPulse{0%,8%{opacity:0;transform:translateY(0)}12%,58%{opacity:1}74%{transform:translateY(32px);opacity:1}80%,100%{opacity:0}}
.cf-value{left:18px!important;right:560px!important;bottom:22px!important;min-height:58px}

/* -------------------------------------------------------------------------- */
/* Pack Immo — separate 3D city canvas and CRM, zero overlap.                 */
/* -------------------------------------------------------------------------- */
.immo-demo{height:100%;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr)!important;gap:22px!important;align-items:center!important}
.city-canvas-wrap{position:relative;height:390px;min-width:0;border-radius:24px;border:1px solid rgba(118,188,233,.13);background:radial-gradient(circle at 54% 30%,rgba(39,103,155,.16),transparent 34%),linear-gradient(160deg,rgba(11,28,48,.98),rgba(6,16,29,.98));overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.03)}
#cityCanvas{display:block;width:100%;height:100%}
.city-caption{position:absolute;left:16px;bottom:14px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:1px;padding:10px 12px;border-radius:14px;border:1px solid rgba(123,197,241,.14);background:rgba(7,20,36,.78);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.city-dot{grid-row:1/3;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#8bd7ff;box-shadow:0 0 14px rgba(139,215,255,.78)}.city-caption strong{font-size:10px;color:#e9f6ff}.city-caption small{font-size:8px;color:#79a5c9}
.crm-panel{position:relative!important;inset:auto!important;width:auto!important;right:auto!important;top:auto!important;bottom:auto!important;height:390px!important;min-width:0;overflow:hidden}
.crm-body label{display:block;font-size:7px;letter-spacing:.14em;color:#709abd;text-transform:uppercase;margin:-1px 0 -5px}.crm-body{gap:10px!important}.crm-check{margin-top:auto!important}

/* -------------------------------------------------------------------------- */
/* Approach — illustrated scenes, not workflow diagrams.                      */
/* -------------------------------------------------------------------------- */
.audit-illustration,.design-illustration,.deploy-illustration{height:265px;background:radial-gradient(circle at 50% 44%,rgba(39,109,161,.10),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004))}

/* Audit */
.audit-floor{position:absolute;left:24px;right:24px;bottom:34px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(104,171,220,.28),transparent)}
.audit-desk-v8{position:absolute;left:78px;bottom:53px;width:188px;height:76px;border-bottom:9px solid rgba(78,126,165,.22)}.audit-monitor{position:absolute;left:34px;top:-72px;width:116px;height:74px;border:1px solid rgba(117,190,236,.18);border-radius:13px;background:linear-gradient(180deg,rgba(17,43,71,.98),rgba(9,23,41,.98));box-shadow:0 12px 25px rgba(0,0,0,.25)}.audit-monitor:after{content:"";position:absolute;left:51px;bottom:-18px;width:14px;height:18px;background:rgba(89,147,190,.18)}.audit-screen-ui{position:absolute;inset:10px;border-radius:7px;background:rgba(70,145,199,.07);padding:12px}.audit-screen-ui i{display:block;height:5px;border-radius:99px;background:linear-gradient(90deg,rgba(125,208,252,.16),rgba(125,208,252,.46),rgba(125,208,252,.08));margin-bottom:10px}.audit-screen-ui i:nth-child(1){width:78%}.audit-screen-ui i:nth-child(2){width:58%}.audit-screen-ui i:nth-child(3){width:70%}.audit-keyboard{position:absolute;left:50px;bottom:-2px;width:84px;height:9px;border-radius:4px;background:rgba(100,159,201,.14)}
.audit-client-v8,.audit-advisor-v8{position:absolute}.person-head{position:absolute;width:34px;height:34px;border-radius:50%;border:1px solid rgba(128,198,241,.20);background:radial-gradient(circle at 35% 32%,rgba(193,231,255,.20),rgba(62,119,166,.09));box-shadow:0 0 18px rgba(94,179,232,.06)}.person-body{position:absolute;border:1px solid rgba(124,192,235,.15);background:linear-gradient(180deg,rgba(25,63,101,.72),rgba(11,30,52,.76))}
.audit-client-v8{left:38px;bottom:52px;width:80px;height:116px}.audit-client-v8 .person-head{left:18px;top:0}.audit-client-v8 .person-body{left:8px;top:34px;width:58px;height:74px;border-radius:26px 26px 18px 18px;transform:skewX(-4deg)}.person-arm{position:absolute;height:12px;border-radius:10px;background:rgba(41,83,118,.70);border:1px solid rgba(118,190,235,.10);transform-origin:left}.arm-keyboard{left:52px;top:67px;width:54px;transform:rotate(12deg)}
.audit-advisor-v8{right:38px;bottom:42px;width:88px;height:146px}.audit-advisor-v8 .person-head{left:27px;top:0}.audit-advisor-v8 .person-body{left:15px;top:34px;width:62px;height:83px;border-radius:28px 28px 18px 18px}.person-leg{position:absolute;bottom:0;width:13px;height:40px;border-radius:8px;background:rgba(29,67,101,.68)}.leg-a{left:29px}.leg-b{right:28px}.clipboard{position:absolute;left:-2px;top:57px;width:43px;height:58px;border-radius:7px;border:1px solid rgba(132,203,245,.24);background:linear-gradient(180deg,rgba(20,48,78,.98),rgba(9,25,44,.98));transform:rotate(-8deg);box-shadow:0 8px 20px rgba(0,0,0,.24)}.clipboard:before{content:"";position:absolute;left:14px;top:-5px;width:15px;height:8px;border-radius:4px;background:#5b91b8}.clipboard i{display:block;height:4px;margin:11px 8px -3px;border-radius:99px;background:linear-gradient(90deg,rgba(151,220,255,.30),rgba(151,220,255,.76));transform-origin:left;animation:writeNote 4.2s ease-in-out infinite}.clipboard i:nth-child(2){animation-delay:.45s}.clipboard i:nth-child(3){animation-delay:.9s}@keyframes writeNote{0%,16%{transform:scaleX(0);opacity:.2}34%,78%{transform:scaleX(1);opacity:1}100%{opacity:.45}}.pen{position:absolute;right:-16px;top:26px;width:25px;height:2px;border-radius:99px;background:#9edcff;transform:rotate(-34deg);transform-origin:left;animation:penWrite 1.25s ease-in-out infinite}@keyframes penWrite{50%{transform:translate(4px,5px) rotate(-28deg)}}
.audit-focus-ring{position:absolute;left:137px;top:58px;width:142px;height:100px;border-radius:50%;border:1px solid rgba(117,201,245,.12);animation:auditFocus 4.2s ease-in-out infinite}@keyframes auditFocus{50%{box-shadow:0 0 30px rgba(75,169,226,.10);border-color:rgba(117,201,245,.24)}}.audit-note-pop{position:absolute;width:7px;height:7px;border-radius:50%;background:#8bd7ff;box-shadow:0 0 12px rgba(139,215,255,.76);opacity:0;animation:notePop 4.2s ease-in-out infinite}.np1{right:120px;top:64px}.np2{right:104px;top:88px;animation-delay:.5s}.np3{right:126px;top:111px;animation-delay:1s}@keyframes notePop{0%,18%{opacity:0;transform:scale(.5)}28%,64%{opacity:1;transform:scale(1)}80%,100%{opacity:0}}

/* Design / reuse client's workstation */
.design-desk-v8{position:absolute;left:106px;bottom:48px;width:214px;height:76px;border-bottom:9px solid rgba(78,126,165,.22)}.design-monitor{position:absolute;left:34px;top:-92px;width:148px;height:96px;border:1px solid rgba(117,190,236,.18);border-radius:14px;background:linear-gradient(180deg,rgba(17,43,71,.98),rgba(9,23,41,.98));box-shadow:0 14px 26px rgba(0,0,0,.26)}.design-monitor:after{content:"";position:absolute;left:66px;bottom:-19px;width:16px;height:19px;background:rgba(89,147,190,.18)}.design-screen-ui{position:absolute;inset:9px;border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(68,151,211,.10),rgba(7,19,34,.92));overflow:hidden}.design-app{position:absolute;width:46px;height:30px;border-radius:7px;border:1px solid rgba(113,191,238,.18);background:linear-gradient(180deg,rgba(18,49,80,.96),rgba(10,28,48,.96));padding:6px;opacity:0;transform:translateY(8px) scale(.92);animation:assembleApp 5s ease-in-out infinite}.design-app span{display:block;width:9px;height:9px;border-radius:3px;background:#79caff;margin-bottom:4px}.design-app i{display:block;height:3px;border-radius:99px;background:rgba(140,211,252,.34)}.da-mail{left:10px;top:12px}.da-crm{right:10px;top:12px;animation-delay:.55s}.da-doc{left:10px;bottom:12px;animation-delay:1.1s}.da-map{right:10px;bottom:12px;animation-delay:1.65s}@keyframes assembleApp{0%,8%{opacity:0;transform:translateY(8px) scale(.92)}18%,72%{opacity:1;transform:none}88%,100%{opacity:.25}}.design-assembly-glow{position:absolute;left:50%;top:50%;width:50px;height:50px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(129,211,255,.18),transparent 70%);animation:assemblyGlow 5s ease-in-out infinite}@keyframes assemblyGlow{50%{transform:translate(-50%,-50%) scale(1.6)}}.design-keyboard{position:absolute;left:56px;bottom:-2px;width:106px;height:9px;border-radius:4px;background:rgba(100,159,201,.14)}
.design-person-v8{position:absolute;left:30px;bottom:44px;width:92px;height:140px}.design-person-v8 .person-head{left:29px;top:0}.design-person-v8 .person-body{left:16px;top:34px;width:64px;height:88px;border-radius:28px 28px 18px 18px}.design-person-v8 .person-arm{left:65px;top:72px;width:68px;transform:rotate(10deg)}
.existing-tool-tag{position:absolute;padding:7px 9px;border-radius:9px;border:1px solid rgba(111,187,232,.13);background:rgba(13,33,57,.82);font-size:7px;letter-spacing:.12em;color:#8cbde0;opacity:0;animation:tagIn 5s ease-in-out infinite}.tag-mail{right:24px;top:24px}.tag-crm{right:24px;top:68px;animation-delay:.45s}.tag-doc{right:24px;top:112px;animation-delay:.9s}.tag-map{right:24px;top:156px;animation-delay:1.35s}@keyframes tagIn{0%,12%{opacity:0;transform:translateX(8px)}24%,76%{opacity:1;transform:none}92%,100%{opacity:.35}}
.design-illustration svg,.tool-orb{display:none!important}

/* Deploy / live system */
.deploy-desk-v8{position:absolute;left:50%;bottom:42px;width:280px;height:188px;transform:translateX(-50%)}.deploy-monitor-v8{position:absolute;left:20px;top:0;width:240px;height:148px;border-radius:16px;border:1px solid rgba(119,192,238,.17);background:linear-gradient(180deg,rgba(15,39,65,.98),rgba(8,22,39,.98));box-shadow:0 18px 36px rgba(0,0,0,.28),0 0 28px rgba(81,165,219,.07)}.deploy-screen-v8{position:absolute;inset:10px;border-radius:9px;background:linear-gradient(180deg,rgba(7,21,37,.98),rgba(10,28,48,.96));overflow:hidden}.deploy-brand{position:absolute;right:8px;top:8px;width:27px;height:27px;object-fit:contain;filter:brightness(1.18) drop-shadow(0 0 8px rgba(137,215,255,.22));animation:brandBreath 3s ease-in-out infinite}@keyframes brandBreath{50%{filter:brightness(1.4) drop-shadow(0 0 14px rgba(137,215,255,.38))}}.flow-block{position:absolute;width:34px;height:27px;border-radius:7px;border:1px solid rgba(111,184,231,.18);background:linear-gradient(180deg,rgba(18,49,80,.96),rgba(10,28,48,.96));box-shadow:0 0 18px rgba(80,169,226,.05)}.fb1{left:20px;top:54px}.fb2{left:76px;top:34px}.fb3{left:132px;top:72px}.fb4{left:178px;top:45px}.flow-line{position:absolute;height:2px;background:linear-gradient(90deg,rgba(104,193,244,.10),rgba(151,224,255,.76),rgba(104,193,244,.10));transform-origin:left}.fl1{left:52px;top:66px;width:34px;transform:rotate(-25deg)}.fl2{left:108px;top:52px;width:42px;transform:rotate(30deg)}.fl3{left:164px;top:76px;width:30px;transform:rotate(-36deg)}.deploy-packet{position:absolute;width:7px;height:7px;border-radius:50%;background:#f1fbff;box-shadow:0 0 12px rgba(132,214,255,.95);animation:deployPacket 3.8s linear infinite}.dp1{left:54px;top:62px}.dp2{left:111px;top:50px;animation-delay:1.2s}@keyframes deployPacket{0%,12%{opacity:0;transform:translate(0,0) scale(.7)}24%,70%{opacity:1}82%{transform:translate(46px,-17px) scale(1)}100%{opacity:0}}.deploy-check{position:absolute;width:13px;height:13px;border-radius:50%;border:1px solid rgba(109,219,180,.38);opacity:0;animation:deployCheck 3.8s ease-in-out infinite}.deploy-check:after{content:"";position:absolute;left:4px;top:2px;width:3px;height:6px;border-right:1.5px solid #8bdab9;border-bottom:1.5px solid #8bdab9;transform:rotate(42deg)}.dc1{left:84px;top:16px;animation-delay:.8s}.dc2{left:166px;bottom:14px;animation-delay:2s}@keyframes deployCheck{0%,24%{opacity:0;transform:scale(.6)}34%,76%{opacity:1;transform:scale(1)}90%,100%{opacity:.25}}.deploy-stand{position:absolute;left:132px;top:148px;width:18px;height:25px;background:rgba(75,125,164,.18)}.deploy-keyboard-v8{position:absolute;left:82px;bottom:0;width:116px;height:10px;border-radius:5px;background:rgba(95,155,198,.14)}.deploy-ambient-ring{position:absolute;left:50%;top:49%;width:290px;height:180px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(105,190,239,.10);animation:deployAmbient 4.5s ease-in-out infinite}@keyframes deployAmbient{50%{box-shadow:0 0 34px rgba(67,158,216,.10);transform:translate(-50%,-50%) scale(1.04)}}

/* -------------------------------------------------------------------------- */
/* Guardian — one deterministic error sequence, no duplicate decorative item. */
/* -------------------------------------------------------------------------- */
.guardian-demo{min-height:390px}.guardian-process-v8{position:absolute;left:7%;right:7%;top:40%;height:94px;display:grid;grid-template-columns:68px 1fr 68px 1fr 68px 1fr 68px;align-items:center}.g8-node{width:68px;height:62px;border-radius:18px;border:1px solid rgba(111,183,231,.16);background:linear-gradient(180deg,rgba(15,37,63,.98),rgba(10,24,43,.94));display:grid;place-items:center;z-index:3;position:relative}.g8-node i{width:20px;height:20px;border-radius:50%;background:#78cfff;box-shadow:0 0 18px rgba(120,207,255,.62);transition:.2s}.g8-rail{height:2px;background:linear-gradient(90deg,rgba(91,178,231,.08),rgba(152,225,255,.86),rgba(91,178,231,.08));position:relative;filter:drop-shadow(0 0 7px rgba(110,202,255,.42))}.g8-rail b{position:absolute;left:0;top:-2px;width:14px;height:6px;border-radius:99px;background:#edfaff;box-shadow:0 0 16px rgba(131,206,255,.9);animation:g8Packet 6.4s linear infinite;opacity:0}.r2 b{animation-delay:1.25s}.r3 b{animation-delay:2.55s}@keyframes g8Packet{0%,8%{left:0;opacity:0}13%{opacity:1}33%{left:calc(100% - 14px);opacity:1}38%,100%{opacity:0}}.g8-c{animation:g8ErrorNode 6.4s ease-in-out infinite}.g8-c i{animation:g8ErrorDot 6.4s ease-in-out infinite}@keyframes g8ErrorNode{0%,38%,100%{border-color:rgba(111,183,231,.16);box-shadow:none}45%,66%{border-color:rgba(255,82,104,.56);box-shadow:0 0 32px rgba(255,82,104,.16)}}@keyframes g8ErrorDot{0%,38%,100%{background:#78cfff;box-shadow:0 0 18px rgba(120,207,255,.62)}45%,66%{background:#ff6477;box-shadow:0 0 24px rgba(255,82,104,.84)}}.error-cross{position:absolute;right:-7px;top:-7px;width:22px;height:22px;border-radius:50%;background:#ff5268;color:white;opacity:0;animation:g8Cross 6.4s ease-in-out infinite}.error-cross:before,.error-cross:after{content:"";position:absolute;left:10px;top:5px;width:2px;height:12px;border-radius:99px;background:#fff}.error-cross:before{transform:rotate(45deg)}.error-cross:after{transform:rotate(-45deg)}@keyframes g8Cross{0%,40%,100%{opacity:0;transform:scale(.6)}47%,64%{opacity:1;transform:scale(1)}}.r3{animation:g8BlockedRail 6.4s ease-in-out infinite}@keyframes g8BlockedRail{0%,40%,100%{opacity:1}49%,70%{opacity:.13}}.r3 b{animation:g8StopPacket 6.4s linear infinite}@keyframes g8StopPacket{0%,43%{left:0;opacity:0}48%{opacity:1}61%{left:42%;opacity:1}64%,100%{left:42%;opacity:0}}
.guardian-core-v8{position:absolute;right:20%;top:24%;width:96px;height:112px;opacity:.18;transform:scale(.92);animation:g8GuardianWake 6.4s ease-in-out infinite}.guardian-eye-v8{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:40px;border:1px solid rgba(145,218,255,.30);border-radius:60px/42px}.guardian-eye-v8:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#8bd6ff;box-shadow:0 0 18px rgba(139,214,255,.56)}.guardian-halo-v8{position:absolute;inset:-12px;border:1px dashed rgba(123,204,250,.20);border-radius:50%;animation:spin 9s linear infinite}@keyframes g8GuardianWake{0%,40%,100%{opacity:.18;transform:scale(.92)}48%,76%{opacity:1;transform:scale(1)}}.guardian-lock-v8{position:absolute;right:31%;top:42%;width:38px;height:50px;border:2px solid rgba(255,82,104,.72);border-radius:9px;opacity:0;animation:g8Lock 6.4s ease-in-out infinite;box-shadow:0 0 20px rgba(255,82,104,.16)}.guardian-lock-v8:before{content:"";position:absolute;left:7px;top:-20px;width:20px;height:22px;border:2px solid rgba(255,82,104,.72);border-bottom:0;border-radius:14px 14px 0 0}.guardian-lock-v8 span{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:5px;height:11px;border-radius:4px;background:#ff7181}@keyframes g8Lock{0%,45%,100%{opacity:0;transform:translateY(6px) scale(.8)}54%,72%{opacity:1;transform:none}}.guardian-alert-v8{position:absolute;right:6%;bottom:34px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,82,104,.20);background:linear-gradient(180deg,rgba(43,18,28,.94),rgba(23,12,19,.94));box-shadow:0 18px 42px rgba(0,0,0,.26);opacity:0;transform:translateY(12px);animation:g8Alert 6.4s ease-in-out infinite}.alert-pulse{width:10px;height:10px;border-radius:50%;background:#ff5268;box-shadow:0 0 14px rgba(255,82,104,.72)}.guardian-alert-v8 small{display:block;font-size:7px;letter-spacing:.15em;color:#ff9fac;margin-bottom:5px}.guardian-alert-v8 strong{font-size:11px;color:#ffe8ec}@keyframes g8Alert{0%,58%,100%{opacity:0;transform:translateY(12px)}66%,86%{opacity:1;transform:none}}
.guardian-demo>.error-flash,.guardian-demo>.guardian-shield,.guardian-demo>.block-barrier,.guardian-demo>.alert-card,.guardian-demo>.process-track{display:none!important}

@media(max-width:1080px){
  .immo-demo{grid-template-columns:1fr!important}.city-canvas-wrap,.crm-panel{height:340px!important}
  .cf-value{right:18px!important;bottom:-52px!important}.concierge-flow{padding-bottom:68px;min-height:520px}.cf-branches,.cf-branch-lines{width:100%}
}
@media(max-width:760px){
  .hero-visual{min-height:450px}.globe-stage{height:430px}.globe-aura{width:320px;height:320px}#globeCanvas{width:370px;height:370px}.logo-orbit{width:60px;height:60px}.globe-ring.gr-a{width:330px;height:330px}.globe-ring.gr-b,.globe-ring.gr-c{width:380px;height:200px}
  .concierge-flow{padding:44px 0 78px;min-height:500px}.cf-main-row{grid-template-columns:1fr 18px 1fr;row-gap:16px}.cf-main-row .cf-link{height:2px}.cf-main-row>.cf-node:nth-child(5){grid-column:1}.cf-main-row>.cf-link:nth-child(6){grid-column:2}.cf-main-row>.cf-node:nth-child(7){grid-column:3}.cf-choice-wrap{width:42%;padding-top:26px}.cf-branches{gap:6px}.cf-node small{font-size:5px}.cf-node strong{font-size:7px}.cf-value{left:0!important;right:0!important}
  .city-canvas-wrap,.crm-panel{height:290px!important}.immo-demo{gap:14px!important}
  .audit-advisor-v8{right:14px}.audit-client-v8{left:12px}.audit-desk-v8{left:54px}.design-person-v8{left:8px}.design-desk-v8{left:72px}.existing-tool-tag{right:8px}.deploy-desk-v8{transform:translateX(-50%) scale(.9)}
  .guardian-process-v8{left:3%;right:3%;grid-template-columns:54px 1fr 54px 1fr 54px 1fr 54px}.g8-node{width:54px;height:50px}.guardian-core-v8{right:6%;top:23%}.guardian-lock-v8{right:23%}.guardian-alert-v8{left:4%;right:4%}
}

/* V8 small QA refinements */
.cf-value{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:18px 0 0!important;width:100%!important;min-height:50px!important}
@media(max-width:1080px){.cf-value{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:18px!important}}
.immo-demo{grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr)!important}
@media(max-width:1080px){.immo-demo{grid-template-columns:1fr!important}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.hero-visual{overflow:hidden}}

/* ========================================================================== */
/* ViaSolva V9 — direction finalization / modular commercial architecture      */
/* ========================================================================== */

/* Header: slightly larger brand, same dark/glass language */
.header .nav{background:linear-gradient(180deg,rgba(34,78,116,.95),rgba(21,53,86,.92));}
.header .brand{gap:14px;min-width:305px}
.header .brand img{width:57px;height:57px;filter:brightness(1.22) saturate(1.08) drop-shadow(0 0 14px rgba(166,226,255,.30))}
.header .brand strong{font-size:26px;line-height:1}
.header .brand small{font-size:8.8px;color:#c1d9ed;margin-top:4px}

/* Hero V9 — no decorative straight traces; globe itself carries the motion */
.globe-stage{width:min(700px,100%);height:700px}
.globe-aura{width:540px;height:540px;background:radial-gradient(circle,rgba(102,215,255,.30),rgba(25,107,170,.19) 42%,rgba(4,34,65,.11) 62%,transparent 77%);filter:blur(18px)}
#globeCanvas{width:610px;height:610px;filter:drop-shadow(0 36px 70px rgba(0,0,0,.34)) drop-shadow(0 0 60px rgba(83,199,255,.24))}
.logo-orbit{width:124px;height:124px;filter:drop-shadow(0 0 22px rgba(132,214,255,.58));}
.logo-orbit img{animation:logoPulseV9 2.5s ease-in-out infinite}
@keyframes logoPulseV9{0%,100%{filter:brightness(1.08) saturate(1.02)}50%{filter:brightness(1.38) saturate(1.12) drop-shadow(0 0 14px rgba(153,220,255,.32))}}
.globe-ring{opacity:.72}

/* Tool view navigation and data-driven pricing */
.showcase-view-tabs{display:inline-flex;gap:6px;padding:5px;border:1px solid rgba(118,188,234,.13);border-radius:14px;background:rgba(255,255,255,.025);margin:4px 0 18px;width:max-content}
.view-tab{border:0;background:transparent;color:#759ec2;border-radius:10px;padding:10px 16px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:.22s}
.view-tab.active,.view-tab:hover{background:linear-gradient(180deg,rgba(38,92,138,.72),rgba(21,59,96,.76));color:#eff8ff;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.pricing-scene{position:absolute;inset:34px;padding:58px 26px 24px;border-radius:28px;border:1px solid rgba(118,182,229,.10);background:linear-gradient(180deg,rgba(10,25,44,.90),rgba(8,18,34,.76));opacity:0;transform:translateY(12px) scale(.985);pointer-events:none;transition:.34s;z-index:7;overflow:auto}
.pricing-scene.active{opacity:1;transform:none;pointer-events:auto}
.pricing-disclaimer{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,196,110,.18);background:rgba(255,176,70,.07);color:#f6c982;font-size:10px;letter-spacing:.08em;margin-bottom:18px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.price-card{position:relative;min-height:330px;border:1px solid rgba(113,181,227,.13);border-radius:20px;padding:20px;background:linear-gradient(180deg,rgba(18,42,70,.92),rgba(10,25,44,.95));box-shadow:0 18px 36px rgba(0,0,0,.18);display:flex;flex-direction:column}
.price-card.featured{border-color:rgba(130,214,255,.28);box-shadow:0 20px 48px rgba(0,0,0,.22),0 0 34px rgba(73,165,225,.10)}
.price-card small{font-size:9px;letter-spacing:.16em;color:#79a9cf;text-transform:uppercase}
.price-card h4{margin:10px 0 8px;font-size:18px;color:#eef8ff}
.price-card .price{font-size:28px;font-weight:800;color:#aee5ff;letter-spacing:-.03em;margin-bottom:16px}
.price-card .price em{font-size:11px;font-style:normal;color:#6f98ba;font-weight:600}
.price-card ul{margin:0;padding-left:17px;display:grid;gap:9px;color:#9fbdd6;font-size:12px;line-height:1.45}
.price-card li::marker{color:#78cfff}
.price-card .demo-tag{position:absolute;top:16px;right:16px;font-size:8px;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,196,110,.14);color:#e7bd79;background:rgba(255,176,70,.05)}

/* Concierge V9 — vertical, deterministic, no overflow */
.concierge-vertical{position:relative;width:min(620px,100%);height:470px;margin:0 auto;overflow:hidden}
.cv-spine{position:absolute;left:50%;top:42px;bottom:86px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(90,192,246,.08),rgba(120,220,255,.88),rgba(90,192,246,.14));box-shadow:0 0 10px rgba(118,214,255,.16)}
.cv-node{position:absolute;left:50%;transform:translateX(-50%);width:190px;min-height:56px;padding:10px 13px;border-radius:16px;border:1px solid rgba(114,184,230,.17);background:linear-gradient(180deg,rgba(17,41,68,.99),rgba(10,24,43,.96));box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);text-align:center;z-index:4}
.cv-node small,.cv-exception small{display:block;font-size:7px;letter-spacing:.15em;color:#72a3cb;margin-bottom:6px}.cv-node strong,.cv-exception strong{font-size:10px;line-height:1.3;color:#edf8ff}.cv1{top:12px}.cv2{top:92px}.cv3{top:172px}.cv4{top:252px}.cv5{top:332px;border-color:rgba(114,219,188,.18)}
.cv-pulse-main{position:absolute;left:50%;top:62px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#f2fcff;box-shadow:0 0 20px rgba(113,218,255,.95),0 0 38px rgba(113,218,255,.34);z-index:6;animation:cvMainPulse 5s linear infinite}
@keyframes cvMainPulse{0%{top:58px;opacity:0}.06%{opacity:1}18%{top:118px}38%{top:198px}58%{top:278px}78%{top:358px;opacity:1}90%,100%{top:378px;opacity:0}}
.cv-exception{position:absolute;bottom:20px;width:150px;padding:10px;border-radius:15px;border:1px solid rgba(255,188,98,.17);background:linear-gradient(180deg,rgba(48,34,28,.72),rgba(22,22,27,.90));text-align:center;z-index:4}.cv-refuse{left:34px}.cv-silence{right:34px}
.cv-branches{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.cv-branches path{fill:none;stroke:rgba(244,170,78,.42);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:5 8}.cv-pulse-exception{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd28e;box-shadow:0 0 18px rgba(255,169,66,.88);z-index:6;opacity:0}.ex-a{animation:cvExA 12s linear infinite}.ex-b{animation:cvExB 12s linear infinite 6s}
@keyframes cvExA{0%,70%{opacity:0;left:306px;top:342px}73%{opacity:1}83%{left:150px;top:426px;opacity:1}88%,100%{opacity:0}}
@keyframes cvExB{0%,70%{opacity:0;left:306px;top:342px}73%{opacity:1}83%{left:470px;top:426px;opacity:1}88%,100%{opacity:0}}
.tool-scene[data-tool="concierge"] .cf-value{left:26px;right:26px;bottom:14px}

/* Pack Immo V9 — one deliberate Prospectum interaction */
.prospect-demo{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.prospect-cursor{position:absolute;left:18%;top:22%;width:18px;height:24px;clip-path:polygon(0 0,0 100%,28% 72%,48% 100%,61% 92%,43% 65%,78% 64%);background:#e9f9ff;filter:drop-shadow(0 0 8px rgba(115,214,255,.85));opacity:0;animation:prospectCursor 8s ease-in-out infinite}
.prospect-click-wave{position:absolute;left:57%;top:45%;width:20px;height:20px;border:1px solid rgba(151,229,255,.9);border-radius:50%;transform:translate(-50%,-50%) scale(.3);opacity:0;animation:prospectWave 8s ease-out infinite}
.prospect-pin-single{position:absolute;left:57%;top:45%;transform:translate(-50%,-100%) scale(.35);opacity:0;animation:prospectPin 8s ease-in-out infinite}.prospect-pin-single span{display:block;width:24px;height:24px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(180deg,#eafeff,#64c9ff);box-shadow:0 0 22px rgba(103,213,255,.88)}.prospect-pin-single span:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#183d63}
.prospect-classifier{position:absolute;left:60%;top:31%;width:154px;padding:10px;border-radius:14px;border:1px solid rgba(123,202,245,.22);background:linear-gradient(180deg,rgba(14,37,62,.96),rgba(8,22,39,.96));box-shadow:0 18px 40px rgba(0,0,0,.30);opacity:0;transform:translateY(8px) scale(.96);animation:prospectClassifier 8s ease-in-out infinite}.prospect-classifier small{display:block;font-size:7px;letter-spacing:.14em;color:#6d9fc8;margin-bottom:7px}.prospect-classifier b{display:block;font-size:9px;font-weight:600;color:#9ebbd4;padding:6px 7px;border-radius:8px}.prospect-classifier .co-owner{animation:classSelect 8s ease-in-out infinite}
@keyframes prospectCursor{0%,8%{left:18%;top:22%;opacity:0}12%{opacity:1}38%{left:57%;top:45%;opacity:1}45%,100%{left:57%;top:45%;opacity:0}}
@keyframes prospectWave{0%,39%{opacity:0;transform:translate(-50%,-50%) scale(.3)}43%{opacity:1}54%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}100%{opacity:0}}
@keyframes prospectPin{0%,43%{opacity:0;transform:translate(-50%,-100%) scale(.35)}50%,90%{opacity:1;transform:translate(-50%,-100%) scale(1)}100%{opacity:0}}
@keyframes prospectClassifier{0%,50%{opacity:0;transform:translateY(8px) scale(.96)}58%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes classSelect{0%,63%{background:transparent;color:#9ebbd4}69%,88%{background:rgba(95,199,255,.12);color:#e7f8ff;box-shadow:inset 0 0 0 1px rgba(105,207,255,.20)}100%{background:transparent}}
.crm-legal{margin:4px 0 0;font-size:8px!important;line-height:1.42!important;color:#6787a4!important;max-width:none!important}

/* Approach V9 — audit note-taking is explicit */
.audit-v9 .advisor-v9{right:22px}
.audit-v9 .clipboard-v9{width:62px;height:78px;right:-4px;top:45px;transform:rotate(-8deg);background:linear-gradient(180deg,rgba(215,241,255,.14),rgba(86,155,202,.08));border:1px solid rgba(123,205,248,.26);box-shadow:0 10px 26px rgba(0,0,0,.18)}
.clipboard-v9 i{height:4px!important;background:linear-gradient(90deg,rgba(209,242,255,.65),rgba(100,181,228,.22))!important;transform-origin:left;animation:noteWrite 4s ease-in-out infinite}.clipboard-v9 i:nth-child(2){animation-delay:.45s}.clipboard-v9 i:nth-child(3){animation-delay:.9s}.clipboard-v9 .note-check{position:absolute;width:9px!important;height:5px!important;background:transparent!important;border-left:2px solid #8ed8ff;border-bottom:2px solid #8ed8ff;right:9px;bottom:11px;transform:rotate(-45deg) scale(0);animation:noteCheck 4s ease-in-out infinite 1.5s}
.pen-v9{position:absolute!important;width:3px!important;height:34px!important;background:#bfeaff!important;right:-8px!important;top:23px!important;transform:rotate(22deg);transform-origin:bottom;box-shadow:0 0 8px rgba(151,220,255,.45);animation:penMove 4s ease-in-out infinite}
.advisor-arm{position:absolute;right:14px;top:68px;width:8px;height:46px;border-radius:999px;background:linear-gradient(180deg,rgba(178,224,250,.20),rgba(93,163,207,.12));transform:rotate(-32deg);transform-origin:top;animation:advisorArm 4s ease-in-out infinite}
@keyframes noteWrite{0%,12%{transform:scaleX(.18);opacity:.35}35%,78%{transform:scaleX(1);opacity:1}100%{opacity:.75}}
@keyframes noteCheck{0%,48%{transform:rotate(-45deg) scale(0)}58%,88%{transform:rotate(-45deg) scale(1)}100%{transform:rotate(-45deg) scale(0)}}
@keyframes penMove{0%,100%{transform:rotate(20deg) translateY(0)}30%{transform:rotate(16deg) translateY(5px)}55%{transform:rotate(24deg) translateY(12px)}75%{transform:rotate(18deg) translateY(18px)}}
@keyframes advisorArm{0%,100%{transform:rotate(-32deg)}50%{transform:rotate(-24deg) translateY(4px)}}

/* Approach V9 — conception: one believable workstation, no spaghetti lines */
.design-v9{position:relative;overflow:hidden}
.design-v9 .existing-tool-tag,.design-v9 svg,.design-v9 .design-desk-v8,.design-v9 .design-person-v8{display:none!important}
.design-person-v9{position:absolute;left:22px;bottom:50px;width:92px;height:150px}.design-person-v9 .person-head{position:absolute;left:26px;top:0;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(235,249,255,.28),rgba(91,163,211,.15));border:1px solid rgba(131,202,244,.18)}.design-person-v9 .person-body{position:absolute;left:17px;top:35px;width:58px;height:88px;border-radius:30px 30px 16px 16px;background:linear-gradient(180deg,rgba(218,244,255,.07),rgba(80,148,196,.06));border:1px solid rgba(131,202,244,.14)}.design-person-v9 .person-arm{position:absolute;left:60px;top:78px;width:54px;height:8px;border-radius:999px;background:rgba(145,205,240,.14);transform:rotate(-7deg)}
.design-workstation-v9{position:absolute;left:112px;right:20px;bottom:34px;height:196px;perspective:700px}.design-monitor-v9{position:absolute;left:30px;right:16px;top:6px;height:142px;border-radius:14px;border:1px solid rgba(122,202,246,.20);background:linear-gradient(180deg,rgba(17,43,70,.98),rgba(8,23,41,.98));box-shadow:0 20px 42px rgba(0,0,0,.28);transform:rotateY(-6deg);transform-origin:center}.design-screen-v9{position:absolute;inset:10px;border-radius:9px;background:radial-gradient(circle at 60% 35%,rgba(64,157,218,.12),transparent 38%),linear-gradient(180deg,rgba(7,23,42,.98),rgba(5,16,30,.98));overflow:hidden}.design-stand-v9{position:absolute;left:52%;bottom:28px;width:18px;height:34px;background:linear-gradient(180deg,rgba(108,171,211,.20),rgba(54,105,141,.12));transform:translateX(-50%) skewX(-8deg)}.design-stand-v9:after{content:"";position:absolute;left:-42px;bottom:-7px;width:100px;height:7px;border-radius:999px;background:rgba(105,167,208,.16)}.design-keyboard-v9{position:absolute;left:82px;right:48px;bottom:0;height:16px;border-radius:10px;background:linear-gradient(180deg,rgba(160,208,237,.12),rgba(59,114,150,.08));transform:skewX(-14deg)}
.design-app-v9{position:absolute;height:34px;border-radius:8px;border:1px solid rgba(118,200,244,.14);background:linear-gradient(180deg,rgba(22,58,92,.88),rgba(10,31,54,.90));color:#a7cee9;font-size:7px;letter-spacing:.10em;display:grid;place-items:center;opacity:0;transform:translateY(8px) scale(.94);animation:appBuild 6s ease-in-out infinite}.app-mail{left:8%;top:16%;width:36%;animation-delay:0s}.app-crm{right:8%;top:16%;width:40%;animation-delay:.6s}.app-doc{left:8%;top:56%;width:27%;animation-delay:1.2s}.app-agenda{left:38%;top:56%;width:26%;animation-delay:1.8s}.app-pms{right:8%;top:56%;width:24%;animation-delay:2.4s}
@keyframes appBuild{0%,8%{opacity:0;transform:translateY(8px) scale(.94)}18%,82%{opacity:1;transform:none}94%,100%{opacity:0}}
.deploy-brand-v9{width:28px!important;height:28px!important;right:8px!important;top:7px!important;opacity:.95!important;filter:drop-shadow(0 0 8px rgba(139,218,255,.36));animation:deployBrandPulse 2.6s ease-in-out infinite!important}@keyframes deployBrandPulse{50%{filter:brightness(1.35) drop-shadow(0 0 12px rgba(139,218,255,.48))}}

/* Guardian V9 — no parasite circle in the process path */
.guardian-v9 .guardian-process-v8,.guardian-v9 .guardian-core-v8,.guardian-v9 .guardian-lock-v8,.guardian-v9 .guardian-alert-v8{display:none!important}
.g9-track{position:absolute;left:7%;right:7%;top:44%;transform:translateY(-50%);display:grid;grid-template-columns:62px 1fr 62px 1fr 62px 72px 52px 1fr 62px;align-items:center;gap:0;z-index:4}.g9-node{width:62px;height:58px;border-radius:17px;border:1px solid rgba(113,186,232,.18);background:linear-gradient(180deg,rgba(16,40,67,.98),rgba(10,24,43,.96));display:grid;place-items:center;box-shadow:0 16px 32px rgba(0,0,0,.24);position:relative}.g9-node i{width:16px;height:16px;border-radius:50%;background:#7ed0ff;box-shadow:0 0 16px rgba(126,208,255,.72)}.g9-line{height:2px;background:linear-gradient(90deg,rgba(89,174,228,.12),rgba(111,210,255,.78),rgba(89,174,228,.12));position:relative}.g9-line b{position:absolute;top:-2px;left:0;width:14px;height:6px;border-radius:999px;background:#edfaff;box-shadow:0 0 12px rgba(131,206,255,.78);animation:g9Packet 4s linear infinite}.l-b b{animation-delay:1.2s}.n-error{animation:g9ErrorNode 7s ease-in-out infinite}.n-error i{animation:g9ErrorDot 7s ease-in-out infinite}.error-cross{position:absolute;inset:0;opacity:0;animation:g9Cross 7s ease-in-out infinite}.error-cross:before,.error-cross:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;background:#ff5268;transform-origin:center}.error-cross:before{transform:translate(-50%,-50%) rotate(45deg)}.error-cross:after{transform:translate(-50%,-50%) rotate(-45deg)}
.g9-line.l-error{height:2px;background:linear-gradient(90deg,rgba(255,82,104,.12),rgba(255,82,104,.92),rgba(255,82,104,.18));opacity:0;animation:g9RedLine 7s ease-in-out infinite}.g9-lock{width:52px;height:52px;border-radius:14px;border:1px solid rgba(255,96,115,.20);background:linear-gradient(180deg,rgba(54,18,27,.92),rgba(28,12,18,.95));display:grid;place-items:center;opacity:0;transform:scale(.8);animation:g9Lock 7s ease-in-out infinite}.g9-lock span{width:18px;height:14px;border:2px solid #ff7386;border-radius:4px;position:relative}.g9-lock span:before{content:"";position:absolute;left:3px;right:3px;top:-11px;height:11px;border:2px solid #ff7386;border-bottom:0;border-radius:8px 8px 0 0}.n-final{opacity:.36}
.g9-guardian-badge{position:absolute;right:12%;top:12%;display:flex;align-items:center;gap:9px;opacity:.44;animation:g9GuardianActive 7s ease-in-out infinite}.g9-shield{width:28px;height:32px;clip-path:polygon(50% 0,90% 15%,84% 68%,50% 100%,16% 68%,10% 15%);background:linear-gradient(180deg,rgba(115,210,255,.85),rgba(40,111,166,.58));box-shadow:0 0 18px rgba(120,211,255,.20)}.g9-guardian-badge small{font-size:8px;letter-spacing:.16em;color:#80b7dc}.g9-notification{position:absolute;left:8%;right:8%;bottom:11%;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:15px;border:1px solid rgba(255,82,104,.18);background:linear-gradient(180deg,rgba(48,18,28,.95),rgba(25,12,19,.95));opacity:0;transform:translateY(10px);animation:g9Notify 7s ease-in-out infinite}.g9-notification small{display:block;font-size:7px;letter-spacing:.15em;color:#ff9fac}.g9-notification strong{font-size:11px;color:#ffe8ec}
@keyframes g9Packet{0%{left:0;opacity:0}12%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}
@keyframes g9ErrorNode{0%,42%,100%{border-color:rgba(113,186,232,.18);box-shadow:0 16px 32px rgba(0,0,0,.24)}50%,66%{border-color:rgba(255,82,104,.62);box-shadow:0 0 24px rgba(255,82,104,.22),0 16px 32px rgba(0,0,0,.24)}}
@keyframes g9ErrorDot{0%,42%,100%{background:#7ed0ff;box-shadow:0 0 16px rgba(126,208,255,.72)}50%,66%{background:#ff5268;box-shadow:0 0 18px rgba(255,82,104,.86)}}
@keyframes g9Cross{0%,46%,100%{opacity:0}52%,66%{opacity:1}}
@keyframes g9RedLine{0%,51%,100%{opacity:0}56%,72%{opacity:1}}
@keyframes g9Lock{0%,55%,100%{opacity:0;transform:scale(.8)}61%,78%{opacity:1;transform:scale(1)}}
@keyframes g9GuardianActive{0%,48%,100%{opacity:.44;filter:none}58%,82%{opacity:1;filter:drop-shadow(0 0 12px rgba(120,211,255,.35))}}
@keyframes g9Notify{0%,65%,100%{opacity:0;transform:translateY(10px)}72%,88%{opacity:1;transform:none}}

/* About section */
.about-card{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;border:1px solid rgba(116,182,229,.11);border-radius:34px;padding:56px;background:linear-gradient(145deg,rgba(12,28,49,.94),rgba(8,18,34,.96));box-shadow:0 34px 80px rgba(0,0,0,.28);overflow:hidden}.about-copy h2{font-size:clamp(38px,4.5vw,64px);line-height:1;letter-spacing:-.045em;color:#f1f8ff;margin:18px 0}.about-copy p{color:#8eaac5;line-height:1.75;max-width:650px}.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.about-tags span{padding:10px 13px;border-radius:999px;border:1px solid rgba(116,184,228,.12);background:rgba(255,255,255,.025);color:#afd1ec;font-size:12px}.about-visual{position:relative;min-height:340px;display:grid;place-items:center}.about-core{position:relative;z-index:4;width:102px;height:102px;display:grid;place-items:center}.about-core img{width:84px;height:84px;filter:drop-shadow(0 0 18px rgba(127,213,255,.35));animation:logoPulseV9 2.8s ease-in-out infinite}.about-orbit{position:absolute;border-radius:50%;border:1px solid rgba(116,198,244,.14)}.ao1{width:230px;height:230px;animation:spin 16s linear infinite}.ao2{width:330px;height:170px;transform:rotate(22deg);animation:tiltA 10s ease-in-out infinite}.about-node{position:absolute;width:11px;height:11px;border-radius:50%;background:#eafbff;box-shadow:0 0 18px rgba(119,214,255,.82)}.an1{left:22%;top:28%}.an2{right:21%;top:34%}.an3{left:27%;bottom:22%}.an4{right:29%;bottom:17%}

/* CTA discovery — richer composition */
.contact-card-v9{display:grid!important;grid-template-columns:1.05fr .95fr;gap:30px;text-align:left!important;align-items:center;padding:72px!important}.cta-copy-v9 h2{margin:20px 0!important;max-width:720px!important}.cta-copy-v9 p{margin:0 0 30px!important;max-width:620px!important}.cta-visual-v9{position:relative;min-height:330px;display:grid;place-items:center}.cta-network-core{position:relative;z-index:4;width:96px;height:96px;display:grid;place-items:center}.cta-network-core img{width:74px;height:74px;filter:drop-shadow(0 0 16px rgba(132,215,255,.35));animation:logoPulseV9 2.6s ease-in-out infinite}.cta-ring{position:absolute;border-radius:50%;border:1px solid rgba(119,204,249,.14)}.cr1{width:220px;height:220px;animation:spin 14s linear infinite}.cr2{width:310px;height:160px;transform:rotate(-21deg);animation:tiltB 9s ease-in-out infinite}.cta-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#eafbff;box-shadow:0 0 18px rgba(120,215,255,.86)}.cn1{left:19%;top:29%}.cn2{right:17%;top:35%}.cn3{left:27%;bottom:20%}.cn4{right:29%;bottom:17%}.cta-flow{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(111,213,255,.84),transparent);filter:drop-shadow(0 0 8px rgba(111,213,255,.52));transform-origin:left}.cf1{left:24%;top:34%;width:145px;transform:rotate(18deg);animation:ctaFlow 3.2s ease-in-out infinite}.cf2{right:24%;top:43%;width:145px;transform:rotate(162deg);animation:ctaFlow 3.4s ease-in-out infinite .8s}.cf3{left:31%;bottom:27%;width:132px;transform:rotate(-18deg);animation:ctaFlow 3s ease-in-out infinite 1.4s}@keyframes ctaFlow{0%,100%{opacity:.15;transform-origin:left}50%{opacity:1;filter:drop-shadow(0 0 12px rgba(111,213,255,.84))}}

/* Real contact section */
.real-contact{padding-top:70px!important}.contact-grid-v9{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.contact-item-v9{min-height:112px;border-radius:22px;border:1px solid rgba(116,182,229,.11);background:linear-gradient(160deg,rgba(13,31,53,.92),rgba(8,18,34,.96));display:flex;align-items:center;gap:16px;padding:20px;box-shadow:0 20px 44px rgba(0,0,0,.18);transition:.22s}.contact-item-v9.active:hover{transform:translateY(-2px);border-color:rgba(118,207,251,.24);box-shadow:0 24px 54px rgba(0,0,0,.24),0 0 34px rgba(68,151,211,.08)}.contact-item-v9.disabled{opacity:.62}.contact-icon{width:48px;height:48px;border-radius:15px;border:1px solid rgba(116,191,238,.17);background:rgba(255,255,255,.025);display:grid;place-items:center;color:#9fdcff;font-size:20px;font-weight:800}.svg-icon svg{width:25px;height:25px}.contact-item-v9 small{display:block;font-size:8px;letter-spacing:.16em;color:#6f9abc;margin-bottom:6px}.contact-item-v9 strong{font-size:14px;color:#eef8ff}.contact-item-v9 em{margin-left:auto;font-style:normal;color:#76add4}

/* Legal structures */
.legal-prep{position:relative;z-index:2;padding:0 0 48px;display:grid;gap:10px}.legal-prep details{border:1px solid rgba(115,181,225,.09);border-radius:18px;background:linear-gradient(180deg,rgba(10,23,41,.84),rgba(8,18,33,.88));overflow:hidden}.legal-prep summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;color:#bcd4e8;font-size:12px;font-weight:700}.legal-prep summary::-webkit-details-marker{display:none}.legal-prep details[open] summary{border-bottom:1px solid rgba(115,181,225,.08)}.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;padding:18px}.legal-grid p,.legal-copy p{margin:0;color:#7f9fbd;font-size:11px;line-height:1.6}.legal-grid strong{color:#b7d4ea}.legal-copy{padding:18px;display:grid;gap:10px}

.footer-v9{display:grid!important;grid-template-columns:auto 1fr auto;gap:28px;align-items:center!important}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.footer-links a{font-size:10px;color:#7898b3}.footer-links a:hover{color:#d7ecfb}.footer-v9 p{text-align:right}

@media(max-width:1080px){
  .header .brand{min-width:0}.header .brand img{width:52px;height:52px}.header .brand strong{font-size:24px}
  .pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}
  .about-card,.contact-card-v9{grid-template-columns:1fr}.about-visual,.cta-visual-v9{min-height:280px}
  .contact-grid-v9{grid-template-columns:1fr}
  .footer-v9{grid-template-columns:1fr;justify-items:start}.footer-links{justify-content:flex-start}.footer-v9 p{text-align:left}
}
@media(max-width:760px){
  .header .brand img{width:46px;height:46px}.header .brand strong{font-size:22px}.header .brand small{display:none}
  .globe-stage{height:450px}.globe-aura{width:340px;height:340px}#globeCanvas{width:390px;height:390px}.logo-orbit{width:78px;height:78px}
  .showcase-view-tabs{margin-bottom:14px}.pricing-scene{inset:18px;padding:54px 14px 16px}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}
  .concierge-vertical{height:500px}.cv-node{width:154px}.cv1{top:8px}.cv2{top:86px}.cv3{top:164px}.cv4{top:242px}.cv5{top:320px}.cv-exception{width:118px;bottom:34px}.cv-refuse{left:5px}.cv-silence{right:5px}.cv-branches{transform:scaleX(.76);transform-origin:center}.cv-pulse-main{animation:none;top:350px;opacity:.75}
  .prospect-classifier{left:48%;top:28%;width:132px}.prospect-pin-single{left:52%;top:44%}.prospect-click-wave{left:52%;top:44%}.prospect-cursor{animation:prospectCursorMobile 8s ease-in-out infinite}@keyframes prospectCursorMobile{0%,8%{left:15%;top:20%;opacity:0}12%{opacity:1}38%{left:52%;top:44%;opacity:1}45%,100%{left:52%;top:44%;opacity:0}}
  .crm-legal{font-size:7px!important}
  .audit-v9 .advisor-v9{right:8px}.audit-v9 .clipboard-v9{transform:scale(.86) rotate(-8deg);transform-origin:center}
  .design-person-v9{left:2px;transform:scale(.86);transform-origin:bottom left}.design-workstation-v9{left:74px;right:6px}
  .g9-track{left:3%;right:3%;grid-template-columns:44px 1fr 44px 1fr 44px 44px 40px 1fr 44px}.g9-node{width:44px;height:44px;border-radius:13px}.g9-lock{width:40px;height:40px}.g9-guardian-badge{right:7%;top:10%;transform:scale(.86)}
  .about-card{padding:28px}.about-visual{min-height:240px}.about-copy h2{font-size:40px}
  .contact-card-v9{padding:38px 24px!important}.cta-visual-v9{min-height:250px}
  .legal-grid{grid-template-columns:1fr}.footer-links{gap:10px 14px}
}
.class-option.selected{background:rgba(95,199,255,.12)!important;color:#e7f8ff!important;box-shadow:inset 0 0 0 1px rgba(105,207,255,.20)}
.prospect-demo.type-contact .prospect-pin-single span{background:linear-gradient(180deg,#f4fdff,#69d2ff)}
.prospect-demo.type-owner .prospect-pin-single span{background:linear-gradient(180deg,#efffff,#7be7d0)}
.prospect-demo.type-sale .prospect-pin-single span{background:linear-gradient(180deg,#fff4de,#ffb56c)}
.g9-line.l-after{opacity:.30;background:linear-gradient(90deg,rgba(89,174,228,.10),rgba(111,210,255,.35),rgba(89,174,228,.08))}

/* ==========================================================
   V10 refinement pass
   ========================================================== */

/* Two commercial families: agents + automations together, solutions métier apart. */
.category-tabs-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-tabs-two .category-tab{justify-content:flex-start}

/* Concierge — deterministic positive/negative scenarios + hospitality ambience. */
.concierge-vertical{height:470px}
.concierge-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.58}
.ambient-suite{position:absolute;left:10px;top:84px;width:155px;height:245px;border:1px solid rgba(111,184,232,.08);border-radius:26px;background:linear-gradient(160deg,rgba(15,35,58,.26),rgba(7,18,32,.08));transform:perspective(500px) rotateY(8deg)}
.ambient-suite:before{content:"";position:absolute;left:20px;right:20px;top:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(135,203,245,.12),transparent)}
.ambient-bed{position:absolute;left:25px;bottom:48px;width:102px;height:62px;border:1px solid rgba(128,197,238,.14);border-radius:18px 18px 12px 12px;background:rgba(255,255,255,.014);box-shadow:0 16px 26px rgba(0,0,0,.12)}
.ambient-bed:before{content:"";position:absolute;left:12px;top:12px;width:31px;height:19px;border-radius:8px;background:rgba(142,207,247,.08);border:1px solid rgba(142,207,247,.10)}
.ambient-bed i{position:absolute;right:12px;top:13px;width:42px;height:30px;border-radius:9px;background:linear-gradient(180deg,rgba(130,195,236,.08),rgba(130,195,236,.02))}
.ambient-bed b{position:absolute;left:10px;right:10px;bottom:8px;height:3px;border-radius:999px;background:rgba(128,201,244,.10)}
.ambient-door{position:absolute;left:48px;top:40px;width:60px;height:78px;border:1px solid rgba(129,197,239,.11);border-radius:20px 20px 6px 6px;background:rgba(255,255,255,.008)}
.ambient-door:after{content:"";position:absolute;right:9px;top:39px;width:4px;height:4px;border-radius:50%;background:rgba(139,215,255,.28);box-shadow:0 0 8px rgba(139,215,255,.22)}
.ambient-key{position:absolute;right:16px;top:22px;width:28px;height:28px;border:1px solid rgba(139,211,252,.12);border-radius:50%}
.ambient-key:before{content:"";position:absolute;left:20px;top:13px;width:28px;height:2px;background:rgba(139,211,252,.12);border-radius:999px;transform:rotate(18deg);transform-origin:left center}
.ambient-key:after{content:"";position:absolute;left:42px;top:15px;width:8px;height:8px;border-left:2px solid rgba(139,211,252,.12);border-bottom:2px solid rgba(139,211,252,.12)}
.ambient-housekeeping{position:absolute;right:9px;top:110px;width:154px;height:204px;border:1px solid rgba(111,184,232,.06);border-radius:28px;background:radial-gradient(circle at 50% 52%,rgba(66,150,205,.06),transparent 58%)}
.ambient-cart{position:absolute;left:31px;top:78px;width:90px;height:68px;border:1px solid rgba(136,203,244,.13);border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,rgba(125,194,235,.05),rgba(255,255,255,.008))}
.ambient-cart:before{content:"";position:absolute;left:10px;right:10px;top:-18px;height:18px;border:1px solid rgba(136,203,244,.11);border-bottom:0;border-radius:10px 10px 0 0}
.ambient-cart:after{content:"";position:absolute;left:7px;bottom:-9px;width:12px;height:12px;border-radius:50%;border:1px solid rgba(136,203,244,.14);box-shadow:64px 0 0 -1px rgba(9,24,42,.96),64px 0 0 0 rgba(136,203,244,.14)}
.ambient-cart i{position:absolute;left:12px;right:12px;height:1px;background:rgba(136,203,244,.10)}
.ambient-cart i:first-child{top:22px}.ambient-cart i:nth-child(2){top:43px}.ambient-cart b{position:absolute;right:10px;top:8px;width:20px;height:9px;border-radius:999px;background:rgba(132,210,251,.07)}
.clean-spark{position:absolute;color:rgba(167,226,255,.28);font-size:16px;filter:drop-shadow(0 0 8px rgba(120,207,255,.22));animation:cleanTwinkle 3.8s ease-in-out infinite}.cs1{right:18px;top:38px}.cs2{left:19px;top:56px;animation-delay:1.4s}@keyframes cleanTwinkle{0%,100%{opacity:.18;transform:scale(.7) rotate(0)}50%{opacity:.68;transform:scale(1.08) rotate(24deg)}}

.cv-spine{z-index:2}
.cv-branches{z-index:2}
.cv-branches .branch-refuse{stroke:rgba(247,177,83,.34)}
.cv-branches .branch-silence{stroke:rgba(116,188,231,.18)}
.cv-pulse-positive,.cv-pulse-negative{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;z-index:3;opacity:0;pointer-events:none;offset-rotate:0deg}
.cv-pulse-positive{background:#effcff;box-shadow:0 0 20px rgba(112,218,255,.98),0 0 38px rgba(112,218,255,.34);offset-path:path("M310 46 L310 70 L310 120 L310 150 L310 200 L310 230 L310 280 L310 310 L310 360");animation:cvPositiveJourney 10s linear infinite}
.cv-pulse-negative{background:#ffd28e;box-shadow:0 0 19px rgba(255,169,66,.92),0 0 35px rgba(255,169,66,.28);offset-path:path("M310 46 L310 70 L310 120 L310 150 L310 200 L310 230 L310 280 L310 309 C250 322 180 356 110 410");animation:cvNegativeJourney 10s linear infinite}
@keyframes cvPositiveJourney{0%{offset-distance:0%;opacity:0}3%{opacity:1}43%{offset-distance:100%;opacity:1}47%,100%{offset-distance:100%;opacity:0}}
@keyframes cvNegativeJourney{0%,52%{offset-distance:0%;opacity:0}55%{opacity:1}94%{offset-distance:100%;opacity:1}98%,100%{offset-distance:100%;opacity:0}}
.cv5{animation:cvPositiveConfirm 10s ease-in-out infinite}
.cv-refuse{animation:cvRefuseConfirm 10s ease-in-out infinite}
@keyframes cvPositiveConfirm{0%,34%,50%,100%{border-color:rgba(114,219,188,.18);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}40%,46%{border-color:rgba(110,236,197,.52);box-shadow:0 16px 34px rgba(0,0,0,.22),0 0 28px rgba(80,224,181,.16),inset 0 1px 0 rgba(255,255,255,.03)}}
@keyframes cvRefuseConfirm{0%,82%,100%{border-color:rgba(255,188,98,.17);box-shadow:none}88%,96%{border-color:rgba(255,182,86,.50);box-shadow:0 0 26px rgba(255,154,54,.12)}}

/* Keep the flow spacious but intentional, with the chain above the ambience. */
.cv-node,.cv-exception{z-index:4}

/* Audit: requested clean-up — no focus circle / floating white dots. */
.audit-focus-ring,.audit-note-pop{display:none!important}

/* About: text only, centred. */
.about-card-centered{display:block!important;text-align:center;padding:72px 64px!important}
.about-card-centered .about-copy{max-width:920px;margin:0 auto}
.about-card-centered .about-copy p{max-width:780px;margin:0 auto;color:#91adc8;font-size:16px}
.about-card-centered .about-tags{justify-content:center;margin-top:28px}
.about-card-centered .eyebrow{justify-content:center}

/* CTA discovery: richer logo motion and converging process currents. */
.cta-visual-v10{isolation:isolate;overflow:hidden}
.cta-halo-v10{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(104,207,255,.20),rgba(54,137,197,.09) 42%,transparent 72%);filter:blur(12px);animation:ctaHaloBreathe 4.4s ease-in-out infinite}
@keyframes ctaHaloBreathe{50%{transform:scale(1.12);opacity:.78}}
.cta-visual-v10 .cta-network-core{width:126px;height:126px;z-index:6}
.cta-visual-v10 .cta-network-core img{width:98px;height:98px;position:relative;z-index:3;animation:ctaLogoV10 3.4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(144,222,255,.42))}
.cta-core-orbit{position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 24%,rgba(122,215,255,.72) 30%,transparent 36% 62%,rgba(240,182,92,.44) 69%,transparent 75%);mask:radial-gradient(circle,transparent 0 67%,#000 69% 73%,transparent 75%);animation:spin 6.2s linear infinite;filter:drop-shadow(0 0 9px rgba(113,208,255,.28))}
@keyframes ctaLogoV10{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 16px rgba(144,222,255,.34))}50%{transform:translateY(-5px) scale(1.045);filter:drop-shadow(0 0 28px rgba(144,222,255,.62))}}
.cta-visual-v10 .cr1{width:238px;height:238px;border-style:dashed;animation:spin 18s linear infinite}
.cta-visual-v10 .cr2{width:330px;height:172px;border-color:rgba(119,204,249,.17);animation:tiltB 8.6s ease-in-out infinite}
.cta-visual-v10 .cr3{position:absolute;width:390px;height:390px;border-radius:50%;border:1px solid rgba(119,204,249,.055);animation:spin 28s linear infinite reverse}
.cta-visual-v10 .cta-node{animation:ctaNodePulse 3.2s ease-in-out infinite}.cta-visual-v10 .cn2{animation-delay:.7s}.cta-visual-v10 .cn3{animation-delay:1.2s}.cta-visual-v10 .cn4{animation-delay:1.8s}@keyframes ctaNodePulse{50%{transform:scale(1.35);box-shadow:0 0 28px rgba(120,215,255,.98)}}
.cta-visual-v10 .cf1{left:19%;top:31%;width:185px}.cta-visual-v10 .cf2{right:19%;top:42%;width:178px}.cta-visual-v10 .cf3{left:26%;bottom:24%;width:164px}.cta-visual-v10 .cf4{position:absolute;right:25%;bottom:24%;width:152px;transform:rotate(202deg);animation:ctaFlow 3.1s ease-in-out infinite 1.9s}
.cta-packet{position:absolute;width:8px;height:8px;border-radius:50%;background:#eefcff;box-shadow:0 0 16px rgba(111,213,255,.94);z-index:5;opacity:0}.cp1{left:20%;top:31%;animation:ctaPacket1 4s ease-in-out infinite}.cp2{right:21%;top:42%;animation:ctaPacket2 4.2s ease-in-out infinite .9s}.cp3{left:27%;bottom:25%;animation:ctaPacket3 3.8s ease-in-out infinite 1.6s}
@keyframes ctaPacket1{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}72%{opacity:1;transform:translate(135px,54px)}82%,100%{opacity:0;transform:translate(135px,54px)}}
@keyframes ctaPacket2{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}72%{opacity:1;transform:translate(-132px,20px)}82%,100%{opacity:0;transform:translate(-132px,20px)}}
@keyframes ctaPacket3{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}72%{opacity:1;transform:translate(122px,-58px)}82%,100%{opacity:0;transform:translate(122px,-58px)}}

/* Social links are now live. */
.contact-item-v9.active{cursor:pointer}
.contact-item-v9.active strong{color:#f2f9ff}

@media(max-width:760px){
  .category-tabs-two{grid-template-columns:1fr}
  .concierge-ambient{opacity:.34}
  .ambient-suite{left:-26px;transform:scale(.78);transform-origin:left center}
  .ambient-housekeeping{right:-28px;transform:scale(.78);transform-origin:right center}
  .cv-pulse-positive,.cv-pulse-negative{display:none}
  .about-card-centered{padding:48px 24px!important}
  .cta-visual-v10 .cta-network-core{width:104px;height:104px}.cta-visual-v10 .cta-network-core img{width:82px;height:82px}
}

/* =========================================================
   V11 POLISH — validated direction, targeted corrections only
   ========================================================= */

/* Clickable tools: make affordance obvious without changing layout */
.tool-list-wrap{position:relative}
.tool-list-wrap:after{content:"Cliquer pour changer d'animation";display:block;margin-top:10px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#5f8fb6}
.tool-pill{border-color:rgba(104,198,250,.26)!important;background:linear-gradient(180deg,rgba(17,44,73,.92),rgba(10,28,49,.86))!important;color:#c9e8fb!important;box-shadow:0 0 0 1px rgba(103,197,249,.04),0 8px 22px rgba(0,0,0,.18);position:relative;overflow:hidden}
.tool-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(153,224,255,.11) 45%,transparent 70%);transform:translateX(-130%);transition:transform .42s ease}
.tool-pill:hover:before{transform:translateX(120%)}
.tool-pill:hover{border-color:rgba(115,213,255,.46)!important;color:#fff!important;box-shadow:0 0 24px rgba(72,176,235,.16),0 10px 28px rgba(0,0,0,.22)!important}
.tool-pill.active{background:linear-gradient(180deg,rgba(38,101,148,.98),rgba(16,54,88,.96))!important;border-color:rgba(132,222,255,.66)!important;color:#fff!important;box-shadow:0 0 28px rgba(83,192,247,.22),inset 0 1px 0 rgba(255,255,255,.09)!important}

/* Concierge: deterministic dots are now native SVG travellers ON the paths */
.cv-pulse-positive,.cv-pulse-negative,.cv-pulse-main,.cv-pulse-exception{display:none!important}
.cv-motion-svg{overflow:visible}
.cv-motion-svg .branch-main{fill:none;stroke:rgba(116,215,255,.46);stroke-width:2;stroke-linecap:round}
.cv-motion-svg .branch-refuse,.cv-motion-svg .branch-silence{stroke-width:2;stroke-dasharray:none}
.cv-traveller{fill:#f2fcff;filter:drop-shadow(0 0 6px rgba(115,220,255,.95)) drop-shadow(0 0 13px rgba(87,187,239,.58));}
.cv-traveller-negative{fill:#ffd38f;filter:drop-shadow(0 0 6px rgba(255,183,89,.95)) drop-shadow(0 0 12px rgba(255,152,55,.54))}
.concierge-ambient{opacity:.20;filter:saturate(.75)}
.ambient-suite,.ambient-housekeeping{border-color:rgba(117,190,231,.07)!important;background:rgba(255,255,255,.012)!important}
.tool-scene[data-tool="concierge"] .cf-value{background:linear-gradient(90deg,rgba(7,21,38,.86),rgba(10,30,51,.92),rgba(7,21,38,.86));border:1px solid rgba(112,184,227,.10);border-radius:12px;padding:8px 12px}

/* Inbox: add execution report without changing the validated visual language */
.inbox-demo-v11{display:flex!important;flex-direction:column;gap:18px;height:100%;padding-top:8px}
.inbox-flow-row{display:grid;grid-template-columns:1fr 58px .9fr 58px 1.12fr;align-items:center;gap:10px;min-height:250px}
.inbox-report{display:grid;grid-template-columns:1.15fr .75fr 1.2fr 1.55fr;gap:12px;align-items:stretch;border-radius:18px;border:1px solid rgba(112,187,231,.14);background:linear-gradient(180deg,rgba(12,31,53,.96),rgba(8,22,39,.94));box-shadow:0 18px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);padding:14px 15px;min-height:92px}
.inbox-report>div{border-right:1px solid rgba(121,186,226,.09);padding-right:12px}.inbox-report>div:last-child{border-right:0;padding-right:0}
.report-head{display:flex;flex-direction:column;justify-content:center}.report-head span{font-size:9px;letter-spacing:.14em;color:#7bb7df}.report-head em{font-size:11px;font-style:normal;color:#d9effc;margin-top:6px}
.report-metric{display:flex;flex-direction:column;justify-content:center}.report-metric strong{font-size:27px;line-height:1;color:#eefaff}.report-metric small,.report-topic small,.report-class small{font-size:7px;letter-spacing:.12em;color:#6f9bbc;text-transform:uppercase}
.report-topic,.report-class{display:flex;align-content:center;align-items:flex-start;gap:6px;flex-wrap:wrap;padding-top:4px}.report-topic small,.report-class small{width:100%;margin-bottom:2px}.report-topic span,.report-class b{font-size:8px;font-weight:600;padding:5px 7px;border-radius:999px;border:1px solid rgba(107,185,231,.12);background:rgba(255,255,255,.025);color:#a9cae3}.report-class b:first-of-type{border-color:rgba(255,192,93,.18);color:#e9bf77;background:rgba(255,173,55,.04)}

/* Commercial V11: documentation-grounded proposal tracking + reminder + daily visibility */
.sales-demo-v11{display:grid;grid-template-rows:235px 1fr;gap:16px;height:100%;padding-top:2px}
.sales-process{position:relative;border-radius:20px;border:1px solid rgba(113,184,230,.12);background:linear-gradient(180deg,rgba(10,27,47,.90),rgba(8,20,36,.84));overflow:hidden;min-height:235px}
.sales-card{position:absolute;top:56px;width:104px;height:68px;padding:10px 8px;border-radius:14px;border:1px solid rgba(112,183,230,.16);background:linear-gradient(180deg,rgba(17,42,69,.98),rgba(10,25,44,.96));box-shadow:0 14px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03);z-index:4;text-align:center}
.sales-card small{display:block;font-size:6px;letter-spacing:.13em;color:#6e9abd;margin-bottom:7px}.sales-card strong{font-size:9px;line-height:1.28;color:#eaf7ff}
.sc-request{left:18px}.sc-proposal{left:143px}.sc-wait{left:268px}.sc-follow{left:393px}.sc-review{left:518px}
.sales-flow-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}
.sales-flow-svg path{fill:none;stroke:rgba(111,205,250,.44);stroke-width:2;stroke-linecap:round}
.sales-traveller{fill:#effcff;filter:drop-shadow(0 0 6px rgba(121,219,255,.98)) drop-shadow(0 0 11px rgba(75,178,235,.64))}
.sales-reminder{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;gap:10px;width:208px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,191,87,.20);background:linear-gradient(180deg,rgba(47,36,29,.84),rgba(22,24,30,.92));box-shadow:0 12px 28px rgba(0,0,0,.22);z-index:5;animation:reminderGlow 5.8s ease-in-out infinite}
.reminder-bell{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,177,60,.10);border:1px solid rgba(255,188,83,.22);color:#ffd28b;font-weight:900;font-size:13px}.sales-reminder small{display:block;font-size:7px;letter-spacing:.12em;color:#dca968;margin-bottom:3px}.sales-reminder strong{font-size:10px;color:#f2e2c8}
@keyframes reminderGlow{0%,64%,100%{box-shadow:0 12px 28px rgba(0,0,0,.22)}72%,84%{box-shadow:0 0 24px rgba(255,158,55,.16),0 12px 28px rgba(0,0,0,.22);border-color:rgba(255,195,102,.34)}}
.sales-dashboard{border-radius:20px;border:1px solid rgba(113,184,230,.12);background:linear-gradient(180deg,rgba(12,31,53,.96),rgba(8,22,39,.94));padding:14px 16px;box-shadow:0 18px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dash-head small{display:block;font-size:7px;letter-spacing:.14em;color:#6f9fc5}.dash-head strong{display:block;font-size:12px;color:#e6f4fd;margin-top:4px}.dash-head em{font-style:normal;font-size:7px;letter-spacing:.12em;color:#dfb676;border:1px solid rgba(255,185,88,.15);background:rgba(255,174,60,.04);border-radius:999px;padding:5px 7px}
.dash-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-funnel>div{position:relative;padding-bottom:10px}.dash-funnel strong{font-size:22px;color:#f0faff}.dash-funnel small{font-size:8px;color:#82a9ca;margin-left:5px}.dash-funnel i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#59b8ee,#a2e2ff);box-shadow:0 0 12px rgba(97,197,249,.22)}
.dash-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.dash-status span{font-size:8px;color:#9fbed7;border:1px solid rgba(111,182,228,.10);background:rgba(255,255,255,.02);padding:6px 8px;border-radius:999px}.dash-status b{color:#eaf8ff;margin-right:3px}

/* Approach — conception gets a construction metaphor, deployment packet follows exact path */
.deploy-ambient-ring{display:none!important}
.deploy-packet.dp2{display:none!important}
.deploy-packet.dp1{left:0!important;top:0!important;offset-path:path("M54 67 L93 47 L149 85 L195 58");offset-distance:0%;offset-rotate:0deg;animation:deployPathV11 4.4s linear infinite!important;transform:none!important}
@keyframes deployPathV11{0%,8%{offset-distance:0%;opacity:0}.12%{opacity:1}.84%{offset-distance:100%;opacity:1}.94%,100%{offset-distance:100%;opacity:0}}

@media(max-width:1080px){
  .sales-card{width:96px}.sc-request{left:10px}.sc-proposal{left:127px}.sc-wait{left:244px}.sc-follow{left:361px}.sc-review{left:478px}
}
@media(max-width:760px){
  .tool-list-wrap:after{font-size:7px}
  .inbox-demo-v11{gap:10px}.inbox-flow-row{grid-template-columns:1fr 18px .84fr 18px 1.05fr;gap:3px;min-height:205px}.inbox-report{grid-template-columns:1fr 1fr;gap:8px;padding:10px;min-height:138px}.inbox-report>div{border-right:0;border-bottom:1px solid rgba(121,186,226,.08);padding:0 0 8px}.inbox-report>div:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}.report-metric strong{font-size:21px}
  .sales-demo-v11{grid-template-rows:270px 1fr}.sales-process{min-height:270px;overflow:hidden}.sales-card{width:84px;height:60px;padding:8px 5px}.sales-card small{font-size:5px}.sales-card strong{font-size:7px}.sc-request{left:6px;top:36px}.sc-proposal{left:92px;top:36px}.sc-wait{left:178px;top:36px}.sc-follow{left:92px;top:120px}.sc-review{left:178px;top:120px}.sales-flow-svg{display:none}.sales-process:after{content:"";position:absolute;left:49px;right:48px;top:66px;height:2px;background:linear-gradient(90deg,rgba(101,193,244,.14),rgba(143,224,255,.62),rgba(101,193,244,.14))}.sales-reminder{right:8px;bottom:10px;width:190px;padding:8px}.sales-dashboard{padding:11px}.dash-funnel{gap:7px}.dash-funnel strong{font-size:17px}.dash-status{gap:5px}.dash-status span{font-size:7px;padding:5px 6px}
}


/* =========================================================
   V12 final validation tweaks — strictly targeted fixes
   ========================================================= */
/* Concierge */
.cv-branches .branch-refuse,.cv-branches .branch-silence{stroke:rgba(247,177,83,.38)!important}
.cv-branches .branch-silence{stroke-dasharray:6 8}
@keyframes cvPositiveConfirm{0%,37%,100%{border-color:rgba(114,219,188,.18);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}40%,44%{border-color:rgba(110,236,197,.58);box-shadow:0 16px 34px rgba(0,0,0,.22),0 0 28px rgba(80,224,181,.18),inset 0 1px 0 rgba(255,255,255,.03)}46%,100%{border-color:rgba(114,219,188,.18);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}}
@keyframes cvRefuseConfirm{0%,87%,100%{border-color:rgba(255,188,98,.17);box-shadow:none}90%,94%{border-color:rgba(255,182,86,.56);box-shadow:0 0 26px rgba(255,154,54,.14)}}
.cv5{animation:cvPositiveConfirm 12s ease-in-out infinite!important}
.cv-refuse{animation:cvRefuseConfirm 12s ease-in-out infinite!important}
/* Inbox */
.scan-core span{background:radial-gradient(circle at 50% 30%,rgba(255,86,86,.12),rgba(255,86,86,0) 28%);box-shadow:0 0 0 10px rgba(134,209,255,.06),0 -1px 20px rgba(255,72,72,.10)}
.scan-core span:after{box-shadow:0 0 28px rgba(118,196,244,.45),0 -2px 14px rgba(255,74,74,.16)}
.report-class b:last-of-type{border-color:rgba(255,112,112,.18);color:#ffb1b1;background:rgba(255,96,96,.05)}
/* Commercial */
.sales-demo-v11{grid-template-rows:216px auto!important;gap:12px!important;align-content:start}
.sales-process{min-height:216px!important}
.sales-card{width:96px!important;height:66px!important;padding:10px 7px!important}
.sc-request{left:16px!important}.sc-proposal{left:128px!important}.sc-wait{left:240px!important}.sc-follow{left:352px!important}.sc-review{left:464px!important}

.sales-reminder{right:16px!important;bottom:16px!important;width:194px!important;padding:9px 10px!important}
.sales-dashboard{align-self:start;height:auto;display:grid;grid-template-columns:1.15fr .95fr;grid-template-areas:"head head" "funnel status";gap:12px 18px;padding:14px 16px 13px!important}
.dash-head{grid-area:head;margin-bottom:0!important}.dash-funnel{grid-area:funnel;align-content:start}.dash-status{grid-area:status;margin-top:0!important;align-content:flex-start;display:flex;flex-direction:column;gap:8px}.dash-status span{justify-content:flex-start}

/* =========================================================
   V13 — final commercial layout fix only
   ========================================================= */
.tool-scene[data-tool="commercial"] .sales-demo-v11{
  grid-template-rows:232px auto!important;
  gap:14px!important;
  align-content:start;
}
.tool-scene[data-tool="commercial"] .sales-process-v13{
  position:relative;
  min-height:232px!important;
  height:232px;
  overflow:hidden!important;
}
.tool-scene[data-tool="commercial"] .sales-card{
  width:27%!important;
  max-width:none!important;
  height:66px!important;
  top:auto!important;
  padding:10px 8px!important;
}
.tool-scene[data-tool="commercial"] .sc-request{left:3%!important;top:34px!important}
.tool-scene[data-tool="commercial"] .sc-proposal{left:36.5%!important;top:34px!important}
.tool-scene[data-tool="commercial"] .sc-wait{left:auto!important;right:3%!important;top:34px!important}
.tool-scene[data-tool="commercial"] .sc-follow{left:auto!important;right:3%!important;top:132px!important}
.tool-scene[data-tool="commercial"] .sc-review{left:36.5%!important;top:132px!important}
.tool-scene[data-tool="commercial"] .sales-flow-v13{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden!important;
  z-index:2;
}
.tool-scene[data-tool="commercial"] .sales-flow-v13 path{
  fill:none;
  stroke:rgba(111,205,250,.46);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tool-scene[data-tool="commercial"] .sales-reminder{
  left:3%!important;
  right:auto!important;
  top:132px!important;
  bottom:auto!important;
  width:27%!important;
  min-height:66px;
  padding:9px 10px!important;
}
.tool-scene[data-tool="commercial"] .sales-dashboard{
  min-height:146px;
  height:auto!important;
  grid-template-columns:1.18fr .82fr!important;
  grid-template-areas:"head head" "funnel status"!important;
  gap:10px 18px!important;
  padding:13px 16px 12px!important;
}
.tool-scene[data-tool="commercial"] .dash-funnel{
  align-items:end;
}
.tool-scene[data-tool="commercial"] .dash-status{
  justify-content:flex-start;
  align-content:start;
}

@media(max-width:760px){
  .tool-scene[data-tool="commercial"] .sales-demo-v11{grid-template-rows:300px auto!important}
  .tool-scene[data-tool="commercial"] .sales-process-v13{height:300px;min-height:300px!important}
  .tool-scene[data-tool="commercial"] .sales-card{width:29%!important;height:62px!important}
  .tool-scene[data-tool="commercial"] .sc-request{left:3%!important;top:34px!important}
  .tool-scene[data-tool="commercial"] .sc-proposal{left:35.5%!important;top:34px!important}
  .tool-scene[data-tool="commercial"] .sc-wait{right:3%!important;top:34px!important}
  .tool-scene[data-tool="commercial"] .sc-follow{right:3%!important;top:132px!important}
  .tool-scene[data-tool="commercial"] .sc-review{left:35.5%!important;top:132px!important}
  .tool-scene[data-tool="commercial"] .sales-reminder{left:3%!important;top:132px!important;width:29%!important;min-height:62px}
  .tool-scene[data-tool="commercial"] .sales-flow-v13{display:block!important}
  .tool-scene[data-tool="commercial"] .sales-process:after{display:none!important}
  .tool-scene[data-tool="commercial"] .sales-dashboard{display:block!important;min-height:0;padding:12px!important}
  .tool-scene[data-tool="commercial"] .dash-head{margin-bottom:10px!important}
  .tool-scene[data-tool="commercial"] .dash-status{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;margin-top:12px!important}
}

/* =========================================================
   V14 — third category: Création digitale
   Additive only: Site web + Animations
   ========================================================= */
.category-tabs-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-tabs-three .category-tab{justify-content:flex-start}

/* --- Site web: concrete website creation on a workstation --- */
.webbuild-demo{position:relative;height:100%;min-height:470px;display:grid;grid-template-columns:1fr 160px;gap:18px;align-items:center;padding:12px 6px 0}
.webbuild-ambient{position:absolute;inset:12% 10% 10%;background:radial-gradient(circle at 42% 42%,rgba(80,174,230,.15),transparent 50%);filter:blur(8px);pointer-events:none}
.webbuild-laptop{position:relative;z-index:2;align-self:center;min-width:0}
.webbuild-browserbar{height:34px;border:1px solid rgba(119,192,237,.18);border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(18,44,73,.98),rgba(11,27,47,.98));display:flex;align-items:center;gap:7px;padding:0 12px;color:#80aecd;font-size:8px;letter-spacing:.06em}.webbuild-browserbar i{width:7px;height:7px;border-radius:50%;background:rgba(130,203,247,.28)}.webbuild-browserbar span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.webbuild-screen{position:relative;height:330px;border:1px solid rgba(119,192,237,.18);border-radius:0 0 14px 14px;background:#08182a;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}
.site-preview-shell{position:absolute;inset:12px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#edf7fc,#dcecf7 56%,#cbddea);color:#0f2d48;box-shadow:inset 0 0 0 1px rgba(13,61,96,.08)}
.site-preview-nav{height:36px;display:flex;align-items:center;gap:17px;padding:0 12px;background:rgba(255,255,255,.56);border-bottom:1px solid rgba(24,78,114,.08);font-size:7px;color:#53728a}.site-preview-nav b{font-family:Georgia,serif;font-size:12px;color:#123c61;margin-right:auto}.site-preview-nav em{width:52px;height:18px;border-radius:999px;background:linear-gradient(90deg,#2f77ac,#63b6e6)}
.site-preview-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:10px;min-height:168px;padding:20px 18px 16px;background:radial-gradient(circle at 78% 34%,rgba(106,192,238,.28),transparent 30%),linear-gradient(135deg,#f3f9fd,#dcecf8)}
.site-preview-copy small{font-size:6px;letter-spacing:.16em;color:#4d89b7}.site-preview-copy strong{display:block;font-size:19px;line-height:1.02;letter-spacing:-.04em;max-width:190px;margin:10px 0 12px}.site-preview-copy p{height:5px;margin:0 0 7px;border-radius:999px;background:rgba(30,81,118,.18)}.site-preview-copy p:first-of-type{width:76%}.site-preview-copy p:last-of-type{width:58%}.site-preview-copy button{border:0;border-radius:8px;background:#12466f;color:#effaff;font-size:7px;padding:7px 12px;margin-top:5px}
.site-preview-visual{position:relative;display:grid;place-items:center}.site-preview-orb{width:94px;height:94px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#e8f9ff,#7ec9ef 38%,#1f6395 72%,#0d2d4a);box-shadow:0 16px 30px rgba(36,100,145,.22),0 0 30px rgba(101,196,243,.26);animation:webOrbFloat 4.2s ease-in-out infinite}.site-preview-orb:before,.site-preview-orb:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.44);transform:translate(-50%,-50%)}.site-preview-orb:before{width:116px;height:52px;transform:translate(-50%,-50%) rotate(18deg)}.site-preview-orb:after{width:116px;height:52px;transform:translate(-50%,-50%) rotate(-18deg)}@keyframes webOrbFloat{50%{transform:translateY(-6px) rotate(3deg)}}
.sp-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#f8fdff;box-shadow:0 0 14px rgba(58,164,224,.78);animation:webNodePulse 2.8s ease-in-out infinite}.sp-node.n1{left:22%;top:27%}.sp-node.n2{right:18%;top:42%;animation-delay:.8s}.sp-node.n3{left:44%;bottom:18%;animation-delay:1.4s}@keyframes webNodePulse{50%{transform:scale(1.5);opacity:.62}}
.site-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px 12px}.site-preview-cards article{height:64px;border-radius:8px;background:rgba(255,255,255,.58);border:1px solid rgba(28,88,126,.08);padding:8px}.site-preview-cards i{display:block;width:18px;height:18px;border-radius:6px;background:linear-gradient(180deg,#7dc7ed,#2e79ae);margin-bottom:7px}.site-preview-cards b{display:block;height:4px;border-radius:999px;background:rgba(29,77,111,.17);margin-top:5px}.site-preview-cards b:first-of-type{width:68%}.site-preview-cards b:last-of-type{width:48%}
.webbuild-selection{position:absolute;border:1px solid rgba(105,215,255,.72);box-shadow:0 0 18px rgba(78,193,245,.14);opacity:0}.webbuild-selection span{position:absolute;width:5px;height:5px;background:#dff8ff;border:1px solid #59b8ef}.webbuild-selection span:nth-child(1){left:-3px;top:-3px}.webbuild-selection span:nth-child(2){right:-3px;top:-3px}.webbuild-selection span:nth-child(3){left:-3px;bottom:-3px}.webbuild-selection span:nth-child(4){right:-3px;bottom:-3px}.sel-hero{left:24px;right:24px;top:55px;height:168px;animation:webSelectHero 7s ease-in-out infinite}.sel-card{left:24px;width:29%;bottom:23px;height:64px;animation:webSelectCard 7s ease-in-out infinite}@keyframes webSelectHero{0%,8%,52%,100%{opacity:0}14%,45%{opacity:1}}@keyframes webSelectCard{0%,48%,100%{opacity:0}56%,88%{opacity:1}}
.webbuild-cursor{position:absolute;width:15px;height:21px;clip-path:polygon(0 0,0 100%,31% 70%,50% 100%,64% 92%,45% 64%,100% 64%);background:#f7fdff;filter:drop-shadow(0 0 5px rgba(86,193,246,.7));left:18%;top:30%;animation:webCursor 7s ease-in-out infinite}@keyframes webCursor{0%,8%{left:18%;top:30%;opacity:0}14%{opacity:1}42%{left:65%;top:38%;opacity:1}52%{opacity:0}58%{left:25%;top:74%;opacity:1}87%{left:42%;top:74%;opacity:1}96%,100%{opacity:0}}
.webbuild-base{height:13px;margin:0 11%;border-radius:0 0 40px 40px;background:linear-gradient(180deg,rgba(104,160,199,.18),rgba(47,88,119,.10));box-shadow:0 12px 24px rgba(0,0,0,.18)}
.webbuild-panel{z-index:2;border:1px solid rgba(116,188,232,.15);border-radius:18px;background:linear-gradient(180deg,rgba(15,36,61,.96),rgba(9,23,41,.95));padding:15px 13px;box-shadow:0 18px 38px rgba(0,0,0,.20)}.panel-head{display:flex;align-items:center;gap:8px;margin-bottom:18px}.panel-head span{width:9px;height:9px;border-radius:50%;background:#7cd2ff;box-shadow:0 0 14px rgba(124,210,255,.7)}.panel-head strong{font-size:9px;color:#dff3ff}.panel-control{margin-top:14px}.panel-control small{display:block;font-size:7px;color:#7eabc9;margin-bottom:7px;letter-spacing:.08em}.panel-control b{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(89,178,229,.62),rgba(89,178,229,.10));animation:panelControl 5s ease-in-out infinite}.panel-control:nth-of-type(3) b{animation-delay:.8s}.panel-control:nth-of-type(4) b{animation-delay:1.4s}@keyframes panelControl{0%,100%{width:45%}50%{width:88%}}.panel-progress{height:4px;margin-top:24px;border-radius:999px;background:rgba(255,255,255,.04);overflow:hidden}.panel-progress i{display:block;height:100%;width:36%;background:linear-gradient(90deg,#55b4eb,#9de4ff);box-shadow:0 0 12px rgba(90,196,246,.34);animation:panelProgress 5s ease-in-out infinite}@keyframes panelProgress{50%{width:94%}}

/* --- Animations: workstation with clear mini ad clip --- */
.motion-demo{position:relative;height:100%;min-height:470px;display:flex;align-items:center;justify-content:center;padding:18px 12px 0}
.motion-workstation{position:relative;width:90%;max-width:610px;z-index:2}
.motion-monitor{position:relative;border-radius:18px 18px 12px 12px;border:1px solid rgba(117,190,234,.18);background:linear-gradient(180deg,rgba(15,38,64,.98),rgba(8,21,38,.98));box-shadow:0 26px 58px rgba(0,0,0,.30),0 0 40px rgba(67,153,210,.08);overflow:hidden}.motion-topbar{height:30px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid rgba(116,186,229,.10);background:rgba(255,255,255,.015);font-size:7px;color:#7ca8c8}.motion-topbar i{width:7px;height:7px;border-radius:50%;background:rgba(127,201,246,.24)}.motion-topbar span{margin-left:6px}
.motion-screen{display:grid;grid-template-columns:1fr 105px;height:260px}.motion-canvas{position:relative;overflow:hidden;background:radial-gradient(circle at 28% 28%,rgba(87,190,238,.20),transparent 34%),radial-gradient(circle at 74% 42%,rgba(91,176,224,.14),transparent 28%),linear-gradient(145deg,#061320,#0c2136)}
.ad-scene-back{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(12,41,66,.56) 57%,rgba(8,24,39,.94) 100%)}
.ad-beam{position:absolute;right:20%;top:-10%;width:200px;height:260px;background:linear-gradient(180deg,rgba(113,220,255,.16),transparent 74%);transform:skewX(-18deg);filter:blur(1px);animation:adBeam 4.6s ease-in-out infinite}@keyframes adBeam{0%,100%{opacity:.15}38%,68%{opacity:.55}}
.ad-copy{position:absolute;left:24px;top:28px;width:165px;z-index:2}.ad-kicker{display:inline-flex;align-items:center;height:18px;padding:0 10px;border-radius:999px;border:1px solid rgba(135,218,255,.28);background:rgba(84,176,228,.10);font-size:7px;letter-spacing:.2em;color:#d9f4ff;opacity:0;animation:adKicker 4.6s ease-in-out infinite}.ad-headline{margin-top:14px}.ad-headline span{display:block;font-weight:700;letter-spacing:-.04em;color:#f5fbff;font-size:22px;line-height:1.02;opacity:0;transform:translateY(10px);animation:adHeadline 4.6s ease-in-out infinite}.ad-headline span:nth-child(2){animation-delay:.18s}.ad-subline{margin-top:12px;max-width:150px;font-size:7px;line-height:1.6;color:#8eb4cf;opacity:0;animation:adSubline 4.6s ease-in-out infinite}.ad-cta-pill{position:absolute;left:0;top:132px;height:22px;padding:0 14px;border-radius:999px;background:linear-gradient(90deg,#60bbe8,#9ce1ff);color:#082034;font-size:8px;font-weight:700;display:flex;align-items:center;box-shadow:0 0 18px rgba(110,204,247,.25);opacity:0;transform:translateY(6px) scale(.95);animation:adCta 4.6s ease-in-out infinite}
.ad-product-stage{position:absolute;right:34px;bottom:20px;width:170px;height:200px;display:grid;place-items:end center;z-index:2}.ad-product-shell{position:relative;width:88px;height:146px;border-radius:22px 22px 24px 24px;background:linear-gradient(160deg,#dff8ff 0%,#83cdef 20%,#3e8cbc 52%,#15375a 100%);box-shadow:0 22px 42px rgba(0,0,0,.34),0 0 34px rgba(78,181,235,.18);transform:translateX(36px) translateY(14px) scale(.92);opacity:0;animation:adProductReveal 4.6s ease-in-out infinite}.ad-product-cap{position:absolute;left:50%;top:-14px;width:38px;height:18px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#b5e9ff,#4ea6da);transform:translateX(-50%);box-shadow:0 4px 10px rgba(0,0,0,.16)}.ad-product-strip{position:absolute;left:18px;right:18px;top:30px;height:30px;border-radius:14px;background:rgba(255,255,255,.22);box-shadow:0 18px 0 rgba(255,255,255,.09),0 44px 0 rgba(255,255,255,.06)}.ad-product-glint{position:absolute;left:16px;top:8px;width:20px;height:110px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.56),transparent 58%);transform:rotate(8deg);opacity:.85}.ad-product-shadow{position:absolute;left:50%;bottom:-16px;width:116px;height:22px;border-radius:50%;background:radial-gradient(circle,rgba(40,116,164,.46),transparent 70%);transform:translateX(-50%)}
.ad-tag{position:absolute;height:18px;padding:0 9px;border-radius:999px;border:1px solid rgba(143,219,255,.20);background:rgba(10,27,43,.72);display:flex;align-items:center;font-size:7px;letter-spacing:.14em;color:#dff7ff;opacity:0;transform:translateY(8px);animation:adTag 4.6s ease-in-out infinite}.tag-1{right:138px;top:42px}.tag-2{right:20px;top:92px;animation-delay:.25s}
.ad-sweep{position:absolute;top:0;bottom:0;left:-40%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transform:skewX(-20deg);animation:adSweep 4.6s ease-in-out infinite}@keyframes adSweep{0%,18%,100%{left:-40%;opacity:0}28%,70%{opacity:1}72%{left:118%;opacity:0}}
@keyframes adKicker{0%,8%,100%{opacity:0;transform:translateY(8px)}14%,82%{opacity:1;transform:translateY(0)}}
@keyframes adHeadline{0%,14%,100%{opacity:0;transform:translateY(10px)}20%,84%{opacity:1;transform:translateY(0)}}
@keyframes adSubline{0%,22%,100%{opacity:0;transform:translateY(8px)}28%,84%{opacity:1;transform:translateY(0)}}
@keyframes adCta{0%,36%,100%{opacity:0;transform:translateY(6px) scale(.95)}42%,84%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes adProductReveal{0%,10%,100%{opacity:0;transform:translateX(36px) translateY(14px) scale(.92)}18%,84%{opacity:1;transform:translateX(0) translateY(0) scale(1)}}
@keyframes adTag{0%,28%,100%{opacity:0;transform:translateY(8px)}34%,82%{opacity:1;transform:translateY(0)}}
.motion-properties{padding:14px 10px;border-left:1px solid rgba(117,188,232,.09);background:rgba(255,255,255,.012)}.motion-properties small{font-size:6px;letter-spacing:.13em;color:#6f9abb}.motion-properties span{display:block;font-size:7px;color:#94b6d0;margin-top:18px}.motion-properties b{display:block;height:5px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,rgba(104,194,241,.52),rgba(104,194,241,.08));animation:motionProp 4.6s ease-in-out infinite}.motion-properties span:nth-child(3) b{animation-delay:.5s}.motion-properties span:nth-child(4) b{animation-delay:1s}@keyframes motionProp{0%,100%{width:35%}50%{width:82%}}
.motion-timeline{display:grid;grid-template-columns:64px 1fr;height:96px;border-top:1px solid rgba(116,186,229,.10);background:#081727}.timeline-labels{display:grid;grid-template-rows:repeat(4,1fr);padding:7px 8px;border-right:1px solid rgba(116,186,229,.08)}.timeline-labels span{font-size:6px;color:#668ead;display:flex;align-items:center}.timeline-tracks{position:relative;display:grid;grid-template-rows:repeat(4,1fr);gap:1px;padding:7px 10px}.track{height:8px;border-radius:4px;align-self:center;background:linear-gradient(90deg,rgba(75,173,224,.62),rgba(75,173,224,.12))}.t1{width:30%}.t2{width:68%}.t3{width:54%}.t4{width:38%}.playhead{position:absolute;top:4px;bottom:4px;width:2px;background:#ffb35f;box-shadow:0 0 10px rgba(255,177,82,.55);left:12%;animation:playheadRun 4.6s linear infinite}@keyframes playheadRun{to{left:92%}}
.motion-stand{width:22px;height:34px;margin:0 auto;background:linear-gradient(180deg,rgba(106,165,205,.20),rgba(46,88,119,.10))}.motion-keyboard{width:58%;height:13px;margin:-2px auto 0;border-radius:10px;background:linear-gradient(180deg,rgba(145,196,228,.12),rgba(52,101,134,.07));transform:skewX(-12deg)}

@media(max-width:1080px){
  .category-tabs-three{grid-template-columns:1fr 1fr 1fr}
  .webbuild-demo{grid-template-columns:1fr 135px}.webbuild-screen{height:300px}.motion-workstation{width:96%}
}
@media(max-width:760px){
  .category-tabs-three{grid-template-columns:1fr}
  .webbuild-demo{grid-template-columns:1fr;min-height:500px;gap:12px}.webbuild-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panel-head{grid-column:1/-1;margin-bottom:4px}.panel-control{margin-top:0}.panel-progress{grid-column:1/-1;margin-top:4px}.webbuild-screen{height:285px}.site-preview-hero{grid-template-columns:1fr .8fr;padding:14px 12px}.site-preview-copy strong{font-size:15px}.site-preview-cards{gap:5px}.webbuild-selection{display:none}
  .motion-demo{min-height:490px}.motion-workstation{width:100%}.motion-screen{grid-template-columns:1fr 76px;height:235px}.motion-properties{padding:12px 7px}.motion-timeline{height:88px}.ad-copy{left:16px;top:22px;width:125px}.ad-headline span{font-size:17px}.ad-cta-pill{top:120px}.ad-product-stage{right:14px;bottom:16px;width:126px;height:170px}.ad-product-shell{width:74px;height:126px}.tag-1{right:92px}.tag-2{right:10px}
}


/* =========================================================
   V17 — targeted typography / approach readability fixes
   ========================================================= */
/* Hero: explicit four-line composition so no orphan word appears. */
.hero-copy .hero-title-v17{font-size:clamp(54px,4.8vw,78px);line-height:.94;letter-spacing:-.052em;max-width:690px}
.hero-title-v17 .hero-title-line{display:block;color:#f4f9ff;background:none;-webkit-background-clip:initial;background-clip:initial}
.hero-title-v17 .hero-title-line b{font-weight:inherit;background:linear-gradient(90deg,#effbff 0%,#a8ddff 34%,#62b5eb 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-actions .btn-text span{font-size:17px;line-height:1;transform:translateY(-1px)}

/* Section introductions: balanced title wrapping + stronger supporting copy. */
.tools-heading-v17{font-size:clamp(42px,4.35vw,64px)!important;max-width:700px}
.tools-heading-v17 span{white-space:nowrap}
.section-intro .intro-emphasis-v17{color:#b9d2e7;font-size:18px;line-height:1.68;font-weight:500;padding:2px 0 2px 18px;border-left:2px solid rgba(107,196,242,.72);text-shadow:0 0 24px rgba(86,169,220,.08);max-width:590px}

/* Pack Immo CRM heading breathing room. */
.crm-head strong{margin-top:4px;line-height:1.18}

/* Approach cards: copy sits below the illustration, never over it. */
.approach-card{min-height:505px;padding:24px 22px 24px;display:flex;flex-direction:column}
.audit-illustration,.design-illustration,.deploy-illustration{height:246px;flex:0 0 246px}
.approach-card>p{position:relative;left:auto;right:auto;bottom:auto;margin:18px 4px 0;padding:0;color:#b5cde1;font-size:14.5px;line-height:1.68;font-weight:500;text-shadow:0 0 20px rgba(79,159,210,.06)}

/* Approach steps: stronger hierarchy and legibility. */
.approach-flow>div{padding:26px 22px 30px;background:linear-gradient(180deg,rgba(16,34,57,.52),rgba(9,20,36,.18));min-height:168px}
.approach-flow span{font-size:10px;font-weight:800;color:#8dccf5;text-shadow:0 0 14px rgba(104,195,242,.18)}
.approach-flow strong{font-size:15px;margin:14px 0 9px;color:#f4f9ff}
.approach-flow p{font-size:13px;line-height:1.62;color:#a9c4d9;font-weight:500}

@media(max-width:1100px){
  .hero-copy .hero-title-v17{max-width:760px;font-size:clamp(54px,7vw,76px)}
  .tools-heading-v17 span{white-space:normal}
  .approach-card{min-height:480px}
}
@media(max-width:760px){
  .hero-copy .hero-title-v17{font-size:48px;line-height:.96;max-width:100%}
  .tools-heading-v17{font-size:40px!important}
  .section-intro .intro-emphasis-v17{font-size:16px;padding-left:14px}
  .approach-card{min-height:auto}
  .audit-illustration,.design-illustration,.deploy-illustration{height:235px;flex-basis:235px}
  .approach-card>p{font-size:14px;margin-top:16px}
  .approach-flow>div{padding:22px 20px 24px}
}


/* =========================================================
   V18 — text-stage final polish + Solutions page preparation
   ========================================================= */
.guardian-line p strong{color:#ff5268;text-shadow:0 0 16px rgba(255,82,104,.22)}
.guardian-emphasis-v18,.contact-emphasis-v18{max-width:610px!important}
.nav-links a[aria-current="page"]{color:#fff;opacity:1;position:relative}
.nav-links a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:999px;background:linear-gradient(90deg,#74c9f6,#b8e7ff);box-shadow:0 0 10px rgba(116,201,246,.35)}

/* Dedicated Solutions page */
.solutions-page-main{padding-top:108px}
.solutions-page-hero{min-height:520px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding:88px 0 64px}
.solutions-page-hero h1{font-size:clamp(56px,6vw,88px);line-height:.94;letter-spacing:-.055em;margin:18px 0 24px;color:#f3f9ff;max-width:760px}
.solutions-page-hero h1 span{background:linear-gradient(90deg,#f0fbff,#9bd9ff 45%,#60b7ed);-webkit-background-clip:text;background-clip:text;color:transparent}
.solutions-page-hero p{font-size:18px;line-height:1.75;color:#b7cfe2;max-width:650px}
.solutions-hero-card{border:1px solid rgba(116,188,232,.14);border-radius:28px;padding:28px;background:linear-gradient(150deg,rgba(15,37,62,.90),rgba(8,21,38,.96));box-shadow:0 34px 80px rgba(0,0,0,.25);position:relative;overflow:hidden}
.solutions-hero-card:before{content:"";position:absolute;inset:-30% 25% 15% -10%;background:radial-gradient(circle,rgba(91,187,238,.16),transparent 68%);pointer-events:none}
.solutions-hero-card small{display:block;letter-spacing:.16em;text-transform:uppercase;font-size:8px;color:#79b9df;margin-bottom:16px}
.solutions-hero-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.15;color:#eef8ff;margin-bottom:18px}
.solutions-hero-card p{font-size:14px;line-height:1.7;color:#9dbbd2;margin:0}
.solutions-detail-section{padding:86px 0}
.solutions-detail-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end;margin-bottom:30px}
.solutions-detail-head h2{font-size:clamp(40px,4vw,62px);line-height:.98;letter-spacing:-.045em;color:#f2f8ff;margin:12px 0 0}
.solutions-detail-head p{font-size:16px;line-height:1.7;color:#abc5d9;margin:0;max-width:620px;justify-self:end}
.solution-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.solution-detail-card{position:relative;border:1px solid rgba(116,188,232,.12);border-radius:26px;padding:26px 26px 24px;background:linear-gradient(150deg,rgba(13,31,53,.92),rgba(7,19,34,.96));min-height:300px;overflow:hidden}
.solution-detail-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(73,164,218,.12),transparent 70%)}
.solution-detail-card .solution-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
.solution-detail-card .solution-meta small{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#81bddd}
.solution-detail-card .solution-status{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#9cd9fa;border:1px solid rgba(116,201,246,.18);border-radius:999px;padding:7px 9px;background:rgba(79,164,215,.06)}
.solution-detail-card h3{font-size:30px;line-height:1.05;letter-spacing:-.035em;color:#f3f9ff;margin:0 0 16px}
.solution-detail-card>p{font-size:14px;line-height:1.72;color:#acc6da;margin:0 0 22px;max-width:640px}
.solution-detail-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.solution-detail-points span{font-size:9px;letter-spacing:.04em;color:#c8e4f6;border:1px solid rgba(115,191,235,.13);border-radius:999px;padding:8px 10px;background:rgba(77,157,207,.05)}
.solutions-page-cta{margin:40px 0 110px;border:1px solid rgba(116,188,232,.13);border-radius:30px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,rgba(15,38,64,.93),rgba(8,21,38,.98))}
.solutions-page-cta h2{font-size:clamp(32px,3.4vw,48px);margin:0 0 10px;color:#f3f9ff;letter-spacing:-.04em}
.solutions-page-cta p{margin:0;color:#acc7da;line-height:1.65;max-width:690px}
@media(max-width:1100px){.solutions-page-hero{grid-template-columns:1fr;gap:28px}.solutions-detail-head{grid-template-columns:1fr;gap:16px}.solutions-detail-head p{justify-self:start}.solution-detail-grid{grid-template-columns:1fr}.solutions-page-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.solutions-page-main{padding-top:86px}.solutions-page-hero{padding:58px 0 40px;min-height:auto}.solutions-page-hero h1{font-size:48px}.solutions-page-hero p{font-size:16px}.solutions-detail-section{padding:62px 0}.solution-detail-card{padding:22px;min-height:0}.solutions-page-cta{margin-bottom:78px;padding:26px 22px}}


/* ========================================================================== */
/* V19 — header fit, detailed Solutions page and About expansion              */
/* ========================================================================== */

/* Desktop header: keep the complete navigation on one line. */
.header .nav{width:min(1520px,calc(100vw - 48px));max-width:none}
.header .brand{min-width:388px;flex:0 0 auto}
.header .brand small{white-space:nowrap;font-size:8px;letter-spacing:.115em}
.header .nav-links{flex:1 1 auto;justify-content:center;gap:22px;white-space:nowrap}
.header .nav-links a{white-space:nowrap;flex:0 0 auto}
.header .btn-nav{flex:0 0 auto;padding-inline:17px}

/* About: more editorial depth without turning the section into a wall of text. */
.about-lead-v19{font-size:16px!important;max-width:820px!important}
.about-story-grid-v19{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px auto 0;max-width:980px;text-align:left}
.about-story-grid-v19 article{border:1px solid rgba(116,188,232,.12);border-radius:22px;padding:24px;background:linear-gradient(150deg,rgba(18,40,66,.68),rgba(8,21,38,.76));box-shadow:0 18px 42px rgba(0,0,0,.14)}
.about-story-grid-v19 small{display:block;font-size:8px;letter-spacing:.16em;color:#7fc3eb;margin-bottom:10px}
.about-story-grid-v19 h3{font-size:20px;line-height:1.2;color:#edf8ff;margin:0 0 12px;letter-spacing:-.025em}
.about-story-grid-v19 p{font-size:13px!important;line-height:1.72!important;color:#a7c2d7!important;margin:0!important;max-width:none!important}

/* Solutions page — dense enough to justify a dedicated page, still scannable. */
.solutions-page-v19{padding-bottom:34px}
.solutions-page-hero-v19{min-height:630px;grid-template-columns:1.12fr .88fr;padding-top:102px}
.solutions-page-hero-v19 h1{max-width:860px;font-size:clamp(54px,5.5vw,82px)}
.solutions-page-hero-v19>div>p{max-width:760px;color:#c1d6e6;font-size:17px}
.solutions-anchor-row-v19{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.solutions-anchor-row-v19 a{display:inline-flex;align-items:center;height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(120,196,239,.15);background:rgba(255,255,255,.025);font-size:10px;color:#bcd9ed;transition:.2s}
.solutions-anchor-row-v19 a:hover{color:#fff;border-color:rgba(120,205,250,.35);transform:translateY(-1px)}
.solutions-hero-card-v19{padding:34px}
.solutions-hero-checks-v19{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;position:relative}
.solutions-hero-checks-v19 span{font-size:9px;color:#cae7f8;padding:8px 10px;border-radius:999px;background:rgba(102,191,238,.07);border:1px solid rgba(102,191,238,.14)}

.solution-trust-section-v19{position:relative;z-index:2;padding:86px 0 42px}
.trust-grid-v19{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.trust-grid-v19 article{min-height:208px;border:1px solid rgba(116,188,232,.12);border-radius:22px;padding:22px;background:linear-gradient(150deg,rgba(13,31,53,.88),rgba(7,19,34,.95));box-shadow:0 16px 36px rgba(0,0,0,.16)}
.trust-grid-v19 article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(94,190,239,.09);border:1px solid rgba(116,200,244,.16);font-size:9px;color:#8fd5fb;margin-bottom:18px}
.trust-grid-v19 h3{font-size:20px;color:#eef9ff;margin:0 0 10px;letter-spacing:-.02em}
.trust-grid-v19 p{margin:0;color:#9fbcd2;font-size:13px;line-height:1.68}
.trust-note-v19{max-width:920px;margin:18px 0 0;padding:14px 17px;border-left:2px solid rgba(117,205,251,.55);background:rgba(65,151,204,.055);color:#b9d3e5;font-size:12px;line-height:1.65}

.deep-solutions-v19{padding-top:104px;padding-bottom:34px}
.solution-deep-card-v19{position:relative;border:1px solid rgba(116,188,232,.13);border-radius:30px;padding:30px;background:linear-gradient(145deg,rgba(14,34,58,.94),rgba(7,18,33,.97));box-shadow:0 34px 76px rgba(0,0,0,.24);overflow:hidden;margin:0 0 24px}
.solution-deep-card-v19:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(74,171,225,.10),transparent 70%);pointer-events:none}
.solution-deep-top-v19{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:stretch;position:relative;z-index:1}
.solution-deep-card-v19 .solution-meta{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:18px}
.solution-deep-card-v19 .solution-meta small{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#83c3e7}
.solution-deep-card-v19 .solution-status{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#9cd9fa;border:1px solid rgba(116,201,246,.18);border-radius:999px;padding:7px 9px;background:rgba(79,164,215,.06)}
.solution-deep-card-v19 .solution-status-pilot-v19{color:#e6f7ff;border-color:rgba(128,219,255,.32);background:rgba(86,184,235,.13);box-shadow:0 0 20px rgba(86,184,235,.08)}
.solution-deep-card-v19 .solution-status-custom-v19{color:#d7eaf7;border-color:rgba(184,218,240,.15);background:rgba(255,255,255,.025)}
.solution-deep-card-v19 h3{font-size:clamp(38px,4vw,58px);letter-spacing:-.045em;line-height:.98;color:#f3f9ff;margin:0 0 15px}
.solution-promise-v19{font-size:17px;line-height:1.65;color:#c2d9e9;max-width:760px;margin:0 0 18px}
.solution-audience-v19{max-width:760px;border-left:2px solid rgba(116,201,246,.44);padding:10px 13px;color:#91b1c9;font-size:12px;line-height:1.65;background:rgba(85,169,218,.04)}
.solution-audience-v19 b{color:#d8edf9}
.demo-placeholder-v19{min-height:224px;border:1px dashed rgba(119,199,244,.22);border-radius:23px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 50% 30%,rgba(88,185,236,.12),transparent 35%),linear-gradient(160deg,rgba(11,31,52,.72),rgba(6,17,31,.91));position:relative;overflow:hidden}
.demo-placeholder-v19:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.025) 45%,transparent 70%);transform:translateX(-90%);animation:demoSweepV19 6s ease-in-out infinite}
@keyframes demoSweepV19{0%,35%{transform:translateX(-90%)}65%,100%{transform:translateX(90%)}}
.demo-play-v19{position:absolute;left:24px;top:24px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(126,210,255,.24);background:rgba(87,178,230,.10);color:#c8efff;font-size:12px;box-shadow:0 0 26px rgba(88,183,236,.10)}
.demo-placeholder-v19 small{font-size:8px;letter-spacing:.18em;color:#77b9df;margin-bottom:7px}
.demo-placeholder-v19 strong{font-size:20px;color:#eff9ff;margin-bottom:7px}
.demo-placeholder-v19 p{font-size:11px!important;line-height:1.58!important;color:#8faec4!important;margin:0!important;max-width:320px!important}
.solution-deep-columns-v19{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;position:relative;z-index:1}
.solution-deep-columns-v19 section{border-top:1px solid rgba(116,188,232,.10);padding:22px 8px 0 0}
.solution-deep-columns-v19 section+section{padding-left:20px;border-left:1px solid rgba(116,188,232,.08)}
.solution-deep-columns-v19 section>small{display:block;font-size:8px;letter-spacing:.16em;color:#78b7dc;margin-bottom:15px}
.solution-deep-columns-v19 ol,.solution-deep-columns-v19 ul{margin:0;padding-left:18px;color:#9fbcd2;font-size:12px;line-height:1.65}
.solution-deep-columns-v19 li{margin-bottom:8px;padding-left:3px}
.solution-deep-columns-v19 li::marker{color:#6bc6f4;font-weight:700}
.solutions-page-cta-v19{margin-top:92px}
.solutions-page-cta-v19 .eyebrow{margin-bottom:14px}

@media(max-width:1320px){
  .header .nav-links{display:none}
  .header .menu{display:block}
  .header .brand{min-width:0}
}
@media(max-width:1100px){
  .solution-deep-top-v19{grid-template-columns:1fr}
  .solution-deep-columns-v19{grid-template-columns:1fr}
  .solution-deep-columns-v19 section+section{padding-left:0;border-left:0}
  .trust-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-story-grid-v19{grid-template-columns:1fr}
}
@media(max-width:760px){
  .header .nav{width:min(100% - 28px,1240px)}
  .about-story-grid-v19{margin-top:22px}
  .about-story-grid-v19 article{padding:20px}
  .solutions-page-hero-v19{padding-top:60px}
  .solutions-anchor-row-v19{gap:7px}
  .trust-grid-v19{grid-template-columns:1fr}
  .trust-grid-v19 article{min-height:0}
  .solution-deep-card-v19{padding:22px 18px;border-radius:24px}
  .solution-promise-v19{font-size:15px}
  .demo-placeholder-v19{min-height:190px}
  .solution-deep-columns-v19{margin-top:16px}
  .deep-solutions-v19{padding-top:76px}
}

/* V20 — final text-stage polish */
.header .nav{width:min(1540px,calc(100vw - 28px));max-width:none;gap:14px;padding-inline:16px}
.header .brand{min-width:238px;flex:0 0 auto;gap:10px}
.header .brand img{width:45px;height:45px}
.header .brand strong{font-size:21px}
.header .brand small{font-size:7.6px;letter-spacing:.105em;white-space:nowrap}
.header .nav-links{gap:16px;font-size:12px;white-space:nowrap;flex:1 1 auto;justify-content:center;min-width:0}
.header .nav-links a{white-space:nowrap}
.header .btn-nav{padding:0 13px;font-size:11px;flex:0 0 auto}
.btn-mail-hero-v20{background:linear-gradient(135deg,rgba(153,224,255,.12),rgba(47,120,176,.18));color:#eaf7ff;border:1px solid rgba(153,224,255,.34);box-shadow:0 16px 38px rgba(24,83,126,.16)}
.btn-mail-hero-v20:hover{box-shadow:0 22px 52px rgba(47,130,190,.24),0 0 42px rgba(94,185,242,.12)}
.solutions-intro-emphasis-v20{font-size:18px!important;line-height:1.72!important;color:#c7ddec!important;font-weight:520;padding:17px 20px!important;border-left:2px solid rgba(108,199,244,.78);border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(87,174,226,.075),rgba(87,174,226,0));text-shadow:0 0 24px rgba(86,169,220,.08);max-width:690px!important}
.guardian-deep-card-v20{margin-top:32px;border-color:rgba(255,82,104,.16);background:linear-gradient(150deg,rgba(32,28,45,.92),rgba(8,21,38,.98) 34%,rgba(11,30,51,.96))}
.guardian-deep-card-v20 .solution-meta small{color:#ff8292}
.guardian-deep-card-v20 .solution-deep-columns-v19>section{border-color:rgba(255,82,104,.10)}
.guardian-demo-v20{background:radial-gradient(circle at 50% 30%,rgba(255,82,104,.13),transparent 35%),linear-gradient(160deg,rgba(29,23,40,.76),rgba(6,17,31,.94));border-color:rgba(255,82,104,.22)}
.solutions-page-cta-v19{max-width:1000px;margin:92px auto 110px!important;text-align:center;display:block!important;padding:44px 50px!important}
.solutions-page-cta-v19>div{max-width:820px;margin:0 auto}
.solutions-page-cta-v19 .eyebrow{justify-content:center}
.solutions-page-cta-v19 p{margin:0 auto!important}
.solutions-page-cta-v19 .btn{margin-top:24px}
.demo-placeholder-v19{justify-content:flex-end}
.demo-placeholder-v19 strong{margin-bottom:0}
@media(max-width:1280px){
  .header .nav{width:min(1220px,calc(100vw - 24px))}
  .header .brand{min-width:215px}.header .brand small{font-size:7px;letter-spacing:.08em}.header .nav-links{gap:11px;font-size:11.3px}.header .btn-nav{font-size:10.5px;padding:0 11px}
}
@media(max-width:1100px){.header .nav{width:var(--shell)}.header .brand{min-width:0}.header .brand small{font-size:8px}.solutions-intro-emphasis-v20{font-size:16px!important}.solutions-page-cta-v19{padding:32px 26px!important}}


/* V21 — étape 3 : CTA solutions + formulaire de contact */
.solution-contact-btn-v21{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;height:42px;padding:0 15px;
  border:1px solid rgba(118,201,246,.26);border-radius:13px;background:rgba(83,171,222,.08);
  color:#dff5ff;font-size:11px;font-weight:700;letter-spacing:.02em;box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.solution-contact-btn-v21:hover{transform:translateY(-1px);border-color:rgba(118,211,255,.50);background:rgba(83,171,222,.13)}
.solution-contact-btn-v21 span{font-size:14px;color:#80d6ff}
.contact-form-card-v21{margin-top:22px;border:1px solid rgba(116,188,232,.13);border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(14,34,58,.94),rgba(7,18,33,.97));box-shadow:0 28px 68px rgba(0,0,0,.22)}
.contact-form-head-v21{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:end;margin-bottom:24px}
.contact-form-head-v21 small{display:block;color:#77b9de;font-size:8px;letter-spacing:.17em;margin-bottom:8px}
.contact-form-head-v21 h3{margin:0;color:#f2f8ff;font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;line-height:1.02}
.contact-form-head-v21 p{margin:0;color:#aac6da;font-size:13px;line-height:1.72;max-width:680px;justify-self:end}
.contact-form-grid-v21{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form-v21 label{display:flex;flex-direction:column;gap:8px}
.contact-form-v21 label>span{font-size:9px;letter-spacing:.10em;text-transform:uppercase;color:#87b8d5}
.contact-form-v21 input,.contact-form-v21 select,.contact-form-v21 textarea{width:100%;box-sizing:border-box;border:1px solid rgba(117,188,229,.13);border-radius:14px;background:rgba(4,14,27,.58);color:#eef9ff;padding:13px 14px;font:inherit;outline:none;transition:.2s}
.contact-form-v21 input,.contact-form-v21 select{height:48px}
.contact-form-v21 textarea{resize:vertical;min-height:150px;line-height:1.55}
.contact-form-v21 input:focus,.contact-form-v21 select:focus,.contact-form-v21 textarea:focus{border-color:rgba(117,210,255,.45);box-shadow:0 0 0 3px rgba(78,177,229,.07)}
.contact-form-v21 select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7fc9ef 50%),linear-gradient(135deg,#7fc9ef 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}
.contact-message-v21{margin-top:14px}
.contact-form-footer-v21{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px}
.contact-form-footer-v21 p{margin:0;color:#789bb4;font-size:10px;line-height:1.6;max-width:650px}
.contact-form-footer-v21 a{color:#a9d7f1;text-decoration:underline;text-underline-offset:3px}
.contact-form-status-v21{min-height:18px;margin:12px 0 0;color:#8fd8ff;font-size:11px}
@media(max-width:760px){
  .contact-form-card-v21{padding:22px 18px;border-radius:22px}
  .contact-form-head-v21{grid-template-columns:1fr;gap:12px}
  .contact-form-head-v21 p{justify-self:start}
  .contact-form-grid-v21{grid-template-columns:1fr}
  .contact-form-footer-v21{align-items:flex-start;flex-direction:column}
  .contact-form-footer-v21 .btn{width:100%;justify-content:center}
}


/* ========================================================================== */
/* V22 — naming figé, navigation, tarifs à venir, transition logo, contact   */
/* ========================================================================== */
.header .nav-links a{
  color:#c7dbea;
  font-weight:720;
  letter-spacing:.015em;
  padding:8px 9px;
  border:1px solid rgba(126,198,238,.08);
  border-radius:10px;
  background:rgba(255,255,255,.018);
  transition:color .2s,border-color .2s,background .2s,box-shadow .2s;
}
.header .nav-links a:hover,
.header .nav-links a[aria-current="page"]{
  color:#f5fbff;
  border-color:rgba(126,207,250,.24);
  background:rgba(83,171,222,.075);
  box-shadow:0 8px 22px rgba(8,33,54,.18);
}
.header .nav-links a[aria-current="page"]:after{display:none}
.pricing-note-v22{margin:4px 0 0;color:#87a9c0;font-size:11px;line-height:1.5}
.brand-transition-v22{position:relative;display:grid;place-items:center;min-height:350px;margin:14px auto 20px}
.brand-transition-visual-v22{width:min(620px,100%);min-height:320px}
.field-optional-v22{font-size:8px;font-style:normal;font-weight:500;letter-spacing:.05em;text-transform:none;color:#6f95af;margin-left:5px}
@media(max-width:1280px){
  .header .nav-links{gap:7px;font-size:10.9px}
  .header .nav-links a{padding:7px 7px}
  .header .brand{min-width:205px}
  .header .btn-nav{padding-inline:10px;font-size:10px}
}
@media(max-width:760px){
  .brand-transition-v22{min-height:270px;margin:0 auto 10px}
  .brand-transition-visual-v22{min-height:250px}
}


/* ========================================================================== */
/* V23 — pré-production : accessibilité, formulaire serveur, conformité       */
/* ========================================================================== */
:focus-visible{outline:2px solid #92dcff;outline-offset:3px;border-radius:8px}
.header .nav-links a:focus-visible,.btn:focus-visible,.category-tab:focus-visible,.view-tab:focus-visible,.tool-pill:focus-visible{box-shadow:0 0 0 4px rgba(126,209,255,.15)}
.hp-field-v23{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.contact-form-v21 button[disabled]{opacity:.6;cursor:wait;transform:none!important}
.contact-form-status-v21.is-success{color:#9ee7c0}
.contact-form-status-v21.is-error{color:#ff9aaa}
.contact-form-status-v21.is-info{color:#8fd8ff}
.contact-form-status-v21 a{color:#c9efff;text-decoration:underline;text-underline-offset:3px}
.legal-grid a,.legal-copy a{color:#b8e5ff;text-decoration:underline;text-underline-offset:3px}
.legal-empty-v23{display:inline-block;min-height:1.2em;min-width:1px}
.privacy-grid-v23 p{min-height:0}
.error-page-v23{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:130px 24px 64px;text-align:center}
.error-card-v23{width:min(720px,100%);padding:52px 34px;border:1px solid rgba(116,188,232,.14);border-radius:30px;background:linear-gradient(145deg,rgba(14,34,58,.94),rgba(7,18,33,.97));box-shadow:0 30px 80px rgba(0,0,0,.25)}
.error-card-v23 img{width:84px;height:84px;object-fit:contain;margin-bottom:18px}
.error-card-v23 h1{font-size:clamp(42px,7vw,76px);letter-spacing:-.05em;line-height:.95;margin:10px 0 18px;color:#f3f9ff}
.error-card-v23 p{color:#a8c3d7;line-height:1.75;margin:0 auto 26px;max-width:560px}
@media(max-width:760px){.error-card-v23{padding:38px 20px}.legal-grid{grid-template-columns:1fr}}