* {box-sizing:border-box;margin:0;padding:0;.}html {scroll-behavior:smooth;overflow-x:hidden;.}body {font-family:"Poppins", sans-serif;background:#0a0a0f;color:#fff;overflow-x:hidden;.}:root {--grad:linear-gradient(135deg, #4b0fff 0%, #b300ff 55%, #ff00d4 100%);--pink:#ff00c8;--purple:#7c1fff;--blue:#1fc8ff;--magenta:#c400ff;--surface:#13131c;--surface2:#1b1b28;--border:rgba(255, 255, 255, 0.08);--muted:#9d9bb0;--text:#fff;.}a {color:inherit;text-decoration:none;.}ul {list-style:none;.}img {display:block;max-width:100%;.}#nav {position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:2.2rem;padding:14px 32px;border-radius:60px;background:rgba(10, 10, 18, 0.75);backdrop-filter:blur(20px);border:1px solid var(--border);transition:top 0.3s,padding 0.3s;width:min(94%, 820px);justify-content:space-between;.}#nav.scrolled {top:10px;background:rgba(10, 10, 18, 0.95);.}.nav-logo {font-size:1.05rem;font-weight:800;letter-spacing:0.04em;.}.nav-links {display:flex;align-items:center;gap:2rem;.}.nav-links a {font-size:0.85rem;font-weight:500;color:#cfcde0;transition:color 0.2s;.}.nav-links a:hover {color:#fff;.}.nav-cta {background:var(--grad);color:#fff !important;padding:9px 22px;border-radius:40px;font-size:0.8rem;font-weight:600;transition:transform 0.2s,opacity 0.2s !important;.}.nav-cta:hover {transform:translateY(-1px);opacity:0.9;.}.ham-btn {display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;.}.ham-btn span {width:20px;height:2px;background:#fff;display:block;border-radius:2px;transition:0.3s;.}.mob-nav {display:none;position:fixed;top:72px;left:50%;transform:translateX(-50%);width:min(94%, 820px);background:rgba(10, 10, 18, 0.97);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:20px 28px;z-index:199;flex-direction:column;gap:1.1rem;.}.mob-nav.open {display:flex;.}.mob-nav a {font-size:0.95rem;font-weight:500;color:#cfcde0;.}.mob-nav a:hover {color:#fff;.}#hero {min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 6% 60px;position:relative;overflow:hidden;.}.hero-bg-text {position:absolute;top:18%;left:50%;transform:translateX(-50%);font-size:clamp(4rem, 16vw, 12rem);font-weight:800;letter-spacing:0.06em;color:rgba(255, 255, 255, 0.045);white-space:nowrap;z-index:0;user-select:none;.}.hero-content {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;.}.hero-eyebrow {display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--border);border-radius:40px;font-size:0.72rem;font-weight:600;color:#e3c8ff;letter-spacing:0.08em;text-transform:uppercase;background:rgba(180, 0, 255, 0.08);margin-bottom:28px;.}.hero-eyebrow .dot {width:6px;height:6px;background:#22d3a4;border-radius:50%;animation:pulse-g 2s infinite;.}@keyframes pulse-g {0%,100% {box-shadow:0 0 0 0 rgba(34, 211, 164, 0.5);.}50% {box-shadow:0 0 0 5px rgba(34, 211, 164, 0);.}.}.hero-h1 {font-size:clamp(2.6rem, 7.5vw, 5.4rem);font-weight:800;line-height:1.05;letter-spacing:-0.02em;margin-bottom:22px;.}.hero-h1 em {font-style:normal;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;.}.hero-sub {font-size:clamp(0.95rem, 1.8vw, 1.1rem);color:var(--muted);max-width:520px;margin:0 auto 36px;line-height:1.8;.}.hero-btns {display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:64px;.}.btn-primary {background:var(--grad);color:#fff;padding:14px 30px;border-radius:40px;font-size:0.92rem;font-weight:600;border:none;cursor:pointer;box-shadow:0 8px 30px rgba(179, 0, 255, 0.35);transition:transform 0.2s,box-shadow 0.2s;.}.btn-primary:hover {transform:translateY(-2px);box-shadow:0 10px 40px rgba(179, 0, 255, 0.5);.}.btn-ghost {background:rgba(255, 255, 255, 0.04);color:#fff;padding:14px 30px;border-radius:40px;font-size:0.92rem;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:border-color 0.2s,background 0.2s;.}.btn-ghost:hover {border-color:var(--purple);background:rgba(124, 31, 255, 0.12);.}.hero-mock {width:min(100%, 920px);border-radius:24px;background:var(--surface);border:1px solid var(--border);padding:22px;position:relative;box-shadow:0 30px 90px rgba(124, 31, 255, 0.18);.}.hero-mock-bar {display:flex;gap:8px;margin-bottom:18px;padding:0 4px;.}.hero-mock-bar span {width:11px;height:11px;border-radius:50%;background:#3a3a4a;.}.hero-mock-bar span:nth-child(1) {background:#ff5f57;.}.hero-mock-bar span:nth-child(2) {background:#febc2e;.}.hero-mock-bar span:nth-child(3) {background:#28c840;.}.hero-mock-canvas {border-radius:16px;height:340px;background:linear-gradient(135deg, #4b0fff 0%, #b300ff 45%, #ff00d4 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;.}.hero-mock-canvas::after {content:"INVODES";font-size:clamp(2.2rem, 7vw, 4.5rem);font-weight:800;letter-spacing:0.08em;color:rgba(255, 255, 255, 0.25);.}.hero-mock-icons {position:absolute;top:38px;left:38px;display:flex;flex-direction:column;gap:12px;z-index:2;.}.mi {width:46px;height:46px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;.}.ticker-wrap {overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:14px 0;position:relative;z-index:1;.}.ticker-track {display:flex;gap:44px;animation:tick 22s linear infinite;white-space:nowrap;.}.ticker-track span {font-size:0.78rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);.}.ticker-track .sep {color:var(--magenta);.}@keyframes tick {from {transform:translateX(0);.}to {transform:translateX(-50%);.}.}.section {padding:100px 6%;position:relative;z-index:1;.}.section-alt {background:var(--surface);.}.sec-label {display:inline-flex;align-items:center;gap:8px;font-size:0.7rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#e3c8ff;margin-bottom:14px;.}.sec-label::before {content:"";width:18px;height:1px;background:var(--magenta);.}.sec-title {font-size:clamp(2rem, 5vw, 3.4rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:16px;line-height:1.1;text-transform:uppercase;.}.sec-title span {background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;.}.sec-desc {font-size:0.95rem;color:var(--muted);line-height:1.85;max-width:520px;.}.sec-head {margin-bottom:56px;.}.sec-head.center {text-align:center;.}.sec-head.center .sec-desc {margin:0 auto;.}.rv {opacity:0;transform:translateY(28px);transition:opacity 0.6s ease,transform 0.6s ease;.}.rv.vis {opacity:1;transform:none;.}.d1 {transition-delay:0.08s;.}.d2 {transition-delay:0.16s;.}.d3 {transition-delay:0.24s;.}.d4 {transition-delay:0.32s;.}.svc-icons-row {display:flex;gap:14px;margin-bottom:48px;flex-wrap:wrap;.}.svc-icon-big {width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(124, 31, 255, 0.25),rgba(196, 0, 255, 0.18));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:transform 0.25s,border-color 0.25s;.}.svc-icon-big:hover {transform:translateY(-4px);border-color:var(--magenta);.}.services-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(270px, 1fr));gap:18px;.}.svc-card {background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:30px 26px;transition:transform 0.3s,border-color 0.3s;position:relative;overflow:hidden;.}.svc-card:hover {transform:translateY(-6px);border-color:var(--magenta);.}.svc-card.featured {background:var(--grad);.}.svc-card.featured h3,.svc-card.featured p {color:#fff;.}.svc-card.featured .svc-tags .tag {background:rgba(255, 255, 255, 0.18);border-color:rgba(255, 255, 255, 0.25);color:#fff;.}.svc-icon {width:46px;height:46px;border-radius:12px;background:rgba(196, 0, 255, 0.15);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:18px;.}.svc-card.featured .svc-icon {background:rgba(255, 255, 255, 0.18);border-color:rgba(255, 255, 255, 0.3);.}.svc-card h3 {font-size:1.02rem;font-weight:700;margin-bottom:8px;.}.svc-card p {font-size:0.84rem;color:var(--muted);line-height:1.7;.}.svc-tags {display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;.}.tag {font-size:0.68rem;font-weight:600;padding:3px 11px;border-radius:40px;background:rgba(196, 0, 255, 0.12);border:1px solid var(--border);color:#e3c8ff;.}.svc-link {display:inline-flex;margin-top:18px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255, 255, 255, 0.14);background:rgba(255, 255, 255, 0.08);color:#fff;font-size:0.82rem;font-weight:700;text-decoration:none;transition:transform 0.2s, background 0.2s, border-color 0.2s;.}.svc-link:hover {transform:translateY(-2px);background:rgba(255, 255, 255, 0.16);border-color:var(--magenta);.}.about-wrap {display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center;.}.about-text p {font-size:0.93rem;color:var(--muted);line-height:1.9;margin-bottom:16px;.}.perks {display:flex;flex-direction:column;gap:12px;margin-top:28px;.}.perk {display:flex;align-items:flex-start;gap:14px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px 18px;.}.perk-ic {font-size:1.15rem;flex-shrink:0;margin-top:1px;.}.perk h4 {font-size:0.9rem;font-weight:700;margin-bottom:3px;.}.perk p {font-size:0.8rem;color:var(--muted);line-height:1.55;margin:0;.}.about-visual {border-radius:28px;background:var(--surface);border:1px solid var(--border);padding:8px;aspect-ratio:3/4;max-width:340px;margin:0 auto;display:flex;align-items:center;justify-content:center;.}.about-visual-inner {width:100%;height:100%;border-radius:22px;background:var(--grad);display:flex;align-items:flex-end;padding:24px;position:relative;overflow:hidden;.}.about-visual-inner .av-team {background:rgba(10, 10, 18, 0.55);border-radius:16px;padding:16px 18px;width:100%;backdrop-filter:blur(8px);.}.av-team h4 {font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin-bottom:10px;.}.av-team-grid {display:grid;grid-template-columns:1fr 1fr;gap:8px;.}.av-cell {background:rgba(255, 255, 255, 0.08);border-radius:8px;padding:8px 10px;.}.av-role {font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#f0d4ff;margin-bottom:2px;.}.av-name {font-size:0.78rem;font-weight:600;color:#fff;.}.stack {display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;.}.badge {font-size:0.7rem;font-weight:600;padding:5px 13px;border-radius:40px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);.}.why-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));gap:18px;.}.why-card {background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 24px;transition:border-color 0.25s,transform 0.25s;.}.why-card:hover {border-color:var(--magenta);transform:translateY(-4px);.}.why-num {display:inline-flex;width:42px;height:42px;border-radius:12px;background:rgba(196, 0, 255, 0.15);border:1px solid var(--border);align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#e3c8ff;margin-bottom:16px;.}.why-card h3 {font-size:0.95rem;font-weight:700;margin-bottom:8px;.}.why-card p {font-size:0.82rem;color:var(--muted);line-height:1.7;.}.proj-bento {display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:auto auto;gap:16px;.}.proj-card {border-radius:22px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;min-height:220px;position:relative;transition:transform 0.3s;.}.proj-card:hover {transform:translateY(-5px);.}.proj-card.p1 {grid-row:span 2;background:linear-gradient(160deg, #c400ff, #7c1fff);.}.proj-card.p2 {background:#1fc8ff;.}.proj-card.p3 {background:#7c1fff;.}.proj-card.p4 {background:#ff0066;.}.proj-card.p5 {background:var(--surface);border-color:var(--border);.}.proj-card.p2 *,.proj-card.p1 * {color:#fff;.}.proj-card.p3 * {color:#fff;.}.proj-card.p4 * {color:#fff;.}.proj-card.p5 h3,.proj-card.p5 p {color:#fff;.}.proj-cat {font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;opacity:0.85;margin-bottom:8px;.}.proj-card h3 {font-size:1.15rem;font-weight:800;margin-bottom:8px;.}.proj-card p {font-size:0.83rem;line-height:1.6;margin-bottom:16px;opacity:0.9;.}.proj-link {font-size:0.78rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;transition:gap 0.2s;align-self:flex-start;background:rgba(255, 255, 255, 0.15);padding:8px 16px;border-radius:40px;backdrop-filter:blur(6px);.}.proj-card.p5 .proj-link {background:rgba(196, 0, 255, 0.18);color:#e3c8ff;.}.proj-link:hover {gap:8px;.}.blog-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:18px;.}.blog-card {background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;transition:transform 0.3s,border-color 0.3s;.}.blog-card:hover {transform:translateY(-5px);border-color:var(--magenta);.}.blog-thumb {height:150px;border-radius:14px;margin-bottom:18px;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;.}.blog-thumb .blog-ic {width:42px;height:42px;border-radius:11px;background:rgba(255, 255, 255, 0.92);display:flex;align-items:center;justify-content:center;font-size:1.3rem;.}.blog-cat {font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#e3c8ff;margin-bottom:9px;.}.blog-card h3 {font-size:0.95rem;font-weight:700;line-height:1.45;margin-bottom:10px;.}.blog-card p {font-size:0.82rem;color:var(--muted);line-height:1.7;flex:1;margin-bottom:16px;.}.blog-foot {display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);font-size:0.75rem;color:var(--muted);.}.blog-foot a {font-weight:700;color:#e3c8ff;transition:color 0.2s;.}.blog-foot a:hover {color:#fff;.}.blog-more-row {text-align:center;margin-top:40px;.}.contact-wrap {display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:start;.}.contact-info h3 {font-size:1.4rem;font-weight:800;margin-bottom:10px;.}.contact-info > p {font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:28px;.}.c-detail {display:flex;align-items:flex-start;gap:14px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:10px;.}.c-ic {width:40px;height:40px;border-radius:10px;background:rgba(196, 0, 255, 0.15);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;.}.c-detail h4 {font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#e3c8ff;margin-bottom:3px;.}.c-detail p {font-size:0.85rem;color:var(--muted);.}.c-detail p a {color:#e3c8ff;.}.c-detail p a:hover {color:#fff;.}.c-form {background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:38px 34px;.}.c-form h3 {font-size:1.1rem;font-weight:800;margin-bottom:24px;.}.fg {margin-bottom:18px;.}.fg label {display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:8px;.}.fg input,.fg textarea,.fg select {width:100%;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;color:#fff;font-family:"Poppins", sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s,box-shadow 0.2s;.}.fg input:focus,.fg textarea:focus,.fg select:focus {border-color:var(--magenta);box-shadow:0 0 0 3px rgba(196, 0, 255, 0.15);.}.fg textarea {min-height:100px;resize:vertical;.}.fg-row {display:grid;grid-template-columns:1fr 1fr;gap:14px;.}.btn-send {width:100%;padding:14px;background:var(--grad);border:none;border-radius:40px;color:#fff;font-size:0.92rem;font-weight:700;font-family:"Poppins", sans-serif;cursor:pointer;box-shadow:0 8px 26px rgba(179, 0, 255, 0.3);transition:opacity 0.2s,transform 0.2s;.}.btn-send:hover {opacity:0.9;transform:translateY(-1px);.}#footer {background:var(--surface);border-top:1px solid var(--border);padding:64px 6% 30px;position:relative;z-index:1;.}.ft-top {display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;.}.ft-logo {font-size:1.25rem;font-weight:800;margin-bottom:14px;display:block;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;.}.ft-brand p {font-size:0.83rem;color:var(--muted);line-height:1.8;max-width:260px;margin-bottom:20px;.}.social-row {display:flex;gap:10px;.}.soc-btn {width:38px;height:38px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0.95rem;transition:border-color 0.2s,background 0.2s;.}.soc-btn:hover {border-color:var(--magenta);background:rgba(196, 0, 255, 0.12);.}.ft-col h4 {font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:#e3c8ff;margin-bottom:18px;.}.ft-col ul {display:flex;flex-direction:column;gap:10px;.}.ft-col li a {font-size:0.83rem;color:var(--muted);transition:color 0.2s;.}.ft-col li a:hover {color:#fff;.}.ft-bottom {border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;.}.ft-bottom p {font-size:0.76rem;color:var(--muted);.}.ft-bottom a {color:#e3c8ff;.}#btt {position:fixed;bottom:26px;right:26px;z-index:99;width:46px;height:46px;background:var(--grad);border:none;border-radius:50%;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.2s;box-shadow:0 6px 24px rgba(179, 0, 255, 0.4);cursor:pointer;.}#btt.show {opacity:1;pointer-events:all;.}#btt:hover {transform:translateY(-2px);.}@media (max-width:1024px) {.about-wrap {grid-template-columns:1fr;.}.about-visual {order:-1;max-width:280px;.}.proj-bento {grid-template-columns:1fr 1fr;.}.proj-card.p1 {grid-row:span 1;.}.ft-top {grid-template-columns:1fr 1fr;.}.}@media (max-width:768px) {.nav-links {display:none;.}.nav-cta {display:none;.}.ham-btn {display:flex;.}.contact-wrap {grid-template-columns:1fr;.}.fg-row {grid-template-columns:1fr;.}.proj-bento {grid-template-columns:1fr;.}.ft-top {grid-template-columns:1fr 1fr;.}.ft-bottom {flex-direction:column;text-align:center;.}.hero-mock-canvas {height:220px;.}.hero-mock-icons {display:none;.}.sec-title {font-size:clamp(1.7rem, 8vw, 2.4rem);.}.}@media (max-width:480px) {.ft-top {grid-template-columns:1fr;.}#nav {padding:12px 18px;.}.}.legal-links {display:flex;gap:15px;flex-wrap:wrap;.}.legal-links a {color:#9d9bb0;font-size:0.76rem;transition:0.3s;.}.legal-links a:hover {color:#fff;.}.trust-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;.}.trust-card {background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:25px;.}.trust-card h3 {margin-bottom:10px;.}.stats-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;.}.stat-card {background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:30px;text-align:center;.}.stat-card h3 {font-size:2.4rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;.}.stat-card p {color:var(--muted);margin-top:8px;.}.process-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:20px;.}.process-card {background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:25px;.}.process-card span {font-size:2rem;font-weight:800;color:#b300ff;.}.process-card h3 {margin:15px 0 10px;.}.process-card p {color:var(--muted);.}.faq-container {max-width:900px;margin:auto;.}.faq-item {margin-bottom:15px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface);.}.faq-question {width:100%;padding:20px;text-align:left;border:none;background:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;.}.faq-answer {max-height:0;overflow:hidden;transition:max-height 0.3s ease;color:var(--muted);padding:0 20px;line-height:1.8;.}.faq-item.active .faq-answer {max-height:200px;padding:0 20px 20px;.}