/* ========================================================================== 
   Taskify V16 — Public website 3D UI
   ========================================================================== */
:root {
  --landing-secondary:#8b5cf6;
  --landing-background:#eef3ff;
  --landing-card-radius:22px;
  --landing-shadow-depth:18px;
  --landing-3d-text:#111c31;
  --landing-3d-muted:#65748c;
  --landing-3d-card:#f8fbff;
  --landing-3d-card-2:#edf3fc;
  --landing-3d-line:rgba(18,28,49,.09);
  --landing-3d-border:rgba(255,255,255,.72);
  --landing-3d-shadow:0 calc(var(--landing-shadow-depth) * .85) calc(var(--landing-shadow-depth) * 2.2) rgba(34,47,83,.16);
}

body.landing-v16-3d {
  color:var(--landing-3d-text);
  background-color:var(--landing-background);
  background-image:
    radial-gradient(circle at 8% 5%, color-mix(in srgb,var(--landing-primary) 19%,transparent),transparent 31rem),
    radial-gradient(circle at 94% 14%, color-mix(in srgb,var(--landing-accent) 15%,transparent),transparent 29rem),
    linear-gradient(145deg,color-mix(in srgb,var(--landing-background) 91%,#fff),var(--landing-background));
  background-attachment:fixed;
}
body.landing-v16-3d::before {
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(180deg,#000,transparent 78%);
}
body.landing-v16-3d h1,body.landing-v16-3d h2,body.landing-v16-3d h3 { color:var(--landing-3d-text); }
body.landing-v16-3d .landing-orb { filter:blur(12px);opacity:.5; }
body.landing-v16-3d .landing-header { padding-top:18px;background:transparent;border:0; }
body.landing-v16-3d .landing-nav {
  min-height:76px;padding:11px 14px;border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,244,253,.72));
  border:1px solid var(--landing-3d-border);box-shadow:0 14px 30px rgba(34,47,83,.11),inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body.landing-v16-3d .landing-links a { padding:9px 12px;border-radius:12px;color:var(--landing-3d-muted); }
body.landing-v16-3d .landing-links a:hover { color:var(--landing-3d-text);background:color-mix(in srgb,var(--landing-primary) 9%,transparent); }
body.landing-v16-3d .landing-language { border-radius:15px;background:linear-gradient(145deg,#fff,#edf3fb);border:1px solid var(--landing-3d-border);box-shadow:0 7px 14px rgba(34,47,83,.09),inset 0 1px 0 #fff; }
body.landing-v16-3d .landing-button { border-radius:16px;min-height:48px;font-weight:800; }
body.landing-v16-3d .landing-button-primary { background:linear-gradient(145deg,var(--landing-primary),var(--landing-secondary));box-shadow:0 14px 25px color-mix(in srgb,var(--landing-primary) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.2); }
body.landing-v16-3d .landing-button-primary:hover { transform:translateY(-3px);box-shadow:0 19px 32px color-mix(in srgb,var(--landing-primary) 32%,transparent); }
body.landing-v16-3d .landing-button-ghost { color:var(--landing-3d-text);background:linear-gradient(145deg,#fff,var(--landing-3d-card-2));border:1px solid var(--landing-3d-border);box-shadow:0 9px 18px rgba(34,47,83,.1),inset 0 1px 0 #fff; }

body.landing-v16-3d .landing-hero { padding:90px 0 70px; }
body.landing-v16-3d .landing-hero-grid { grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:center; }
body.landing-v16-3d .landing-badge { border-radius:999px;padding:9px 14px;background:linear-gradient(145deg,#fff,var(--landing-3d-card-2));border:1px solid var(--landing-3d-border);box-shadow:0 9px 17px rgba(34,47,83,.08),inset 0 1px 0 #fff;color:var(--landing-primary); }
body.landing-v16-3d .landing-badge span { box-shadow:0 0 0 6px color-mix(in srgb,var(--landing-accent) 12%,transparent); }
body.landing-v16-3d .landing-hero-copy h1 { font-size:clamp(45px,5vw,72px);line-height:1.08;letter-spacing:-2.4px;text-wrap:balance; }
html[dir="rtl"] body.landing-v16-3d .landing-hero-copy h1 { letter-spacing:-1.1px; }
body.landing-v16-3d .landing-hero-copy>p { color:var(--landing-3d-muted);font-size:18px;line-height:1.9;max-width:680px; }
body.landing-v16-3d .landing-trust-row span { padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.62); }

/* Hero 3D stage */
body.landing-v16-3d .landing-hero-visual { perspective:1400px;min-height:580px;display:flex;align-items:center;justify-content:center; }
body.landing-v16-3d .landing-3d-stage { position:relative;width:100%;min-height:560px;perspective:1400px;transform-style:preserve-3d; }
body.landing-v16-3d .landing-3d-glow { position:absolute;border-radius:50%;filter:blur(6px);pointer-events:none; }
body.landing-v16-3d .landing-3d-glow.glow-a { width:310px;height:310px;inset-inline-end:-70px;top:5px;background:radial-gradient(circle,color-mix(in srgb,var(--landing-primary) 30%,transparent),transparent 70%); }
body.landing-v16-3d .landing-3d-glow.glow-b { width:280px;height:280px;inset-inline-start:-55px;bottom:-20px;background:radial-gradient(circle,color-mix(in srgb,var(--landing-accent) 22%,transparent),transparent 70%); }
body.landing-v16-3d .landing-3d-dashboard {
  position:absolute;inset:42px 26px 54px 30px;display:grid;grid-template-columns:86px minmax(0,1fr);overflow:hidden;
  border-radius:30px;background:linear-gradient(145deg,#f9fcff,#e8f0fb);border:1px solid var(--landing-3d-border);
  box-shadow:0 45px 70px rgba(34,47,83,.22),0 18px 34px rgba(34,47,83,.15),inset 0 1px 0 #fff;
  transform:rotateY(-7deg) rotateX(4deg) translateZ(18px);transform-origin:center;transition:transform .35s ease;
}
html[dir="rtl"] body.landing-v16-3d .landing-3d-dashboard { transform:rotateY(7deg) rotateX(4deg) translateZ(18px); }
body.landing-v16-3d.landing-scene-enabled .landing-3d-stage:hover .landing-3d-dashboard { transform:rotateY(-3deg) rotateX(1.5deg) translateY(-4px) translateZ(24px); }
html[dir="rtl"] body.landing-v16-3d.landing-scene-enabled .landing-3d-stage:hover .landing-3d-dashboard { transform:rotateY(3deg) rotateX(1.5deg) translateY(-4px) translateZ(24px); }
body.landing-v16-3d.landing-scene-disabled .landing-3d-dashboard { transform:none !important; }
body.landing-v16-3d .landing-3d-sidebar { padding:20px 13px;background:linear-gradient(170deg,#14213f,color-mix(in srgb,#14213f 70%,var(--landing-primary)));box-shadow:12px 0 28px rgba(18,29,56,.19); }
body.landing-v16-3d .landing-3d-logo { width:48px;height:48px;margin:0 auto 24px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--landing-primary),var(--landing-accent));color:#fff;box-shadow:0 13px 21px color-mix(in srgb,var(--landing-primary) 32%,transparent),inset 0 1px 0 rgba(255,255,255,.2);font-size:23px; }
body.landing-v16-3d .landing-3d-sidebar>span { width:48px;height:43px;margin:8px auto;display:grid;place-items:center;border-radius:14px;color:rgba(244,248,255,.7); }
body.landing-v16-3d .landing-3d-sidebar>span.active { color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--landing-primary) 68%,transparent),color-mix(in srgb,var(--landing-secondary) 45%,transparent));box-shadow:0 10px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.1); }
body.landing-v16-3d .landing-3d-main { min-width:0;padding:20px; }
body.landing-v16-3d .landing-3d-topbar { display:flex;align-items:center;justify-content:space-between;margin-bottom:17px; }
body.landing-v16-3d .landing-3d-search { width:46%;height:39px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:13px;background:linear-gradient(145deg,#fff,#edf3fb);box-shadow:5px 6px 12px rgba(34,47,83,.08),inset 0 1px 0 #fff;color:#8390a8; }
body.landing-v16-3d .landing-3d-search span { width:65%;height:6px;border-radius:999px;background:#dbe4f1; }
body.landing-v16-3d .landing-3d-user { display:flex;align-items:center;gap:8px; }
body.landing-v16-3d .landing-3d-user b { width:49px;height:6px;border-radius:999px;background:#cdd8e8; }
body.landing-v16-3d .landing-3d-user i { width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--landing-primary),var(--landing-secondary));box-shadow:0 9px 15px color-mix(in srgb,var(--landing-primary) 24%,transparent); }
body.landing-v16-3d .landing-3d-welcome { position:relative;overflow:hidden;min-height:105px;padding:19px;display:flex;justify-content:space-between;align-items:flex-start;border-radius:20px;background:linear-gradient(145deg,#fff,#eaf1fb);box-shadow:9px 11px 21px rgba(34,47,83,.1),-5px -5px 15px rgba(255,255,255,.74); }
body.landing-v16-3d .landing-3d-welcome::after { content:"";position:absolute;width:130px;height:130px;inset-inline-end:-44px;top:-55px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--landing-primary) 22%,transparent),transparent 70%); }
body.landing-v16-3d .landing-3d-welcome small,body.landing-v16-3d .landing-3d-welcome strong,body.landing-v16-3d .landing-3d-welcome span { display:block; }
body.landing-v16-3d .landing-3d-welcome small { color:var(--landing-primary);font-size:10px;font-weight:900; }
body.landing-v16-3d .landing-3d-welcome strong { margin:8px 0;color:var(--landing-3d-text);font-size:16px; }
body.landing-v16-3d .landing-3d-welcome span { width:145px;height:6px;border-radius:999px;background:#d8e2ef; }
body.landing-v16-3d .landing-3d-welcome button { position:relative;z-index:1;width:43px;height:43px;border:0;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--landing-primary),var(--landing-secondary));box-shadow:0 11px 18px color-mix(in srgb,var(--landing-primary) 27%,transparent); }
body.landing-v16-3d .landing-3d-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0; }
body.landing-v16-3d .landing-3d-kpis>div { min-width:0;padding:13px;border-radius:16px;background:linear-gradient(145deg,#fff,#eaf1fb);box-shadow:6px 8px 15px rgba(34,47,83,.09),-4px -4px 12px rgba(255,255,255,.68); }
body.landing-v16-3d .landing-3d-kpis i { width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--landing-primary);background:color-mix(in srgb,var(--landing-primary) 11%,#fff); }
body.landing-v16-3d .landing-3d-kpis span { display:block;width:60%;height:5px;margin:10px 0 7px;border-radius:999px;background:#dce5f0; }
body.landing-v16-3d .landing-3d-kpis strong { display:block;font-size:18px;color:var(--landing-3d-text); }
body.landing-v16-3d .landing-3d-kpis small { display:block;width:38%;height:4px;margin-top:6px;border-radius:999px;background:color-mix(in srgb,var(--landing-accent) 25%,#e5edf7); }
body.landing-v16-3d .landing-3d-content { display:grid;grid-template-columns:1.35fr .65fr;gap:12px; }
body.landing-v16-3d .landing-3d-chart,body.landing-v16-3d .landing-3d-list { min-height:150px;padding:14px;border-radius:17px;background:linear-gradient(145deg,#fff,#eaf1fb);box-shadow:6px 8px 15px rgba(34,47,83,.09),-4px -4px 12px rgba(255,255,255,.68); }
body.landing-v16-3d .landing-3d-chart>span { display:block;width:66px;height:6px;border-radius:999px;background:#d7e0ed; }
body.landing-v16-3d .landing-3d-chart>div { height:107px;display:flex;align-items:flex-end;gap:7px;padding-top:18px; }
body.landing-v16-3d .landing-3d-chart b { flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--landing-primary),var(--landing-accent));opacity:.76;box-shadow:0 6px 11px color-mix(in srgb,var(--landing-primary) 18%,transparent); }
body.landing-v16-3d .landing-3d-list>div { display:grid;grid-template-columns:25px 1fr 29px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #e2e9f3; }
body.landing-v16-3d .landing-3d-list>div:last-child { border:0; }
body.landing-v16-3d .landing-3d-list i { width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--landing-primary) 13%,#fff); }
body.landing-v16-3d .landing-3d-list span { height:5px;border-radius:999px;background:#d7e0ed; }
body.landing-v16-3d .landing-3d-list b { height:6px;border-radius:999px;background:color-mix(in srgb,var(--landing-accent) 35%,#dce7f2); }
body.landing-v16-3d .landing-3d-chip { position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(234,241,251,.88));border:1px solid var(--landing-3d-border);box-shadow:0 18px 31px rgba(34,47,83,.18),inset 0 1px 0 #fff;backdrop-filter:blur(14px); }
body.landing-v16-3d .landing-3d-chip>i { width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--landing-primary),var(--landing-secondary)); }
body.landing-v16-3d .landing-3d-chip strong,body.landing-v16-3d .landing-3d-chip span { display:block;white-space:nowrap; }
body.landing-v16-3d .landing-3d-chip strong { font-size:12px; }.landing-3d-chip span{margin-top:3px;color:var(--landing-3d-muted);font-size:10px}
body.landing-v16-3d .chip-project { inset-inline-start:-5px;bottom:64px;transform:translateZ(62px) rotate(-2deg); }
body.landing-v16-3d .chip-progress { inset-inline-end:-3px;top:74px;transform:translateZ(70px) rotate(2deg); }
body.landing-v16-3d .chip-team { inset-inline-end:50px;bottom:18px;transform:translateZ(54px); }
body.landing-v16-3d .mini-avatars { display:flex;direction:ltr; }.landing-v16-3d .mini-avatars i{width:25px;height:25px;margin-left:-7px;border:2px solid #fff;border-radius:9px;background:linear-gradient(145deg,var(--landing-primary),var(--landing-accent))}.landing-v16-3d .mini-avatars i:nth-child(2){background:linear-gradient(145deg,#fb7185,#f59e0b)}.landing-v16-3d .mini-avatars i:nth-child(3){background:linear-gradient(145deg,#22c55e,#06b6d4)}

/* Sections */
body.landing-v16-3d .landing-stats-grid,
body.landing-v16-3d .landing-feature-card,
body.landing-v16-3d .about-window,
body.landing-v16-3d .landing-testimonial-card,
body.landing-v16-3d .landing-contact-card {
  border-radius:var(--landing-card-radius);background:linear-gradient(145deg,var(--landing-3d-card),var(--landing-3d-card-2));border:1px solid var(--landing-3d-border);box-shadow:var(--landing-3d-shadow),inset 0 1px 0 #fff;
}
body.landing-v16-3d .landing-stats-grid { overflow:hidden; }
body.landing-v16-3d .landing-stat strong { color:var(--landing-primary);text-shadow:0 8px 18px color-mix(in srgb,var(--landing-primary) 18%,transparent); }
body.landing-v16-3d .landing-section { padding:100px 0; }
body.landing-v16-3d .landing-section-heading>span,body.landing-v16-3d .landing-eyebrow { padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--landing-primary) 9%,#fff); }
body.landing-v16-3d .landing-feature-card { position:relative;overflow:hidden;padding:30px;transform-style:preserve-3d;transition:.24s ease; }
body.landing-v16-3d .landing-feature-card::after { content:"";position:absolute;width:110px;height:110px;inset-inline-end:-43px;top:-44px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--landing-primary) 15%,transparent),transparent 70%); }
body.landing-v16-3d .landing-feature-card:hover { transform:translateY(-9px) rotateX(1.2deg);box-shadow:0 28px 52px rgba(34,47,83,.17),inset 0 1px 0 #fff; }
body.landing-v16-3d .landing-feature-icon { width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--landing-primary) 16%,#fff),#fff);box-shadow:7px 8px 15px rgba(34,47,83,.1),-4px -4px 12px rgba(255,255,255,.7); }
body.landing-v16-3d .landing-about { background:transparent; }
body.landing-v16-3d .about-window { transform:rotateY(4deg) rotateX(1deg);box-shadow:0 30px 55px rgba(34,47,83,.17),inset 0 1px 0 #fff; }
html[dir="rtl"] body.landing-v16-3d .about-window { transform:rotateY(-4deg) rotateX(1deg); }
body.landing-v16-3d .about-progress { background:linear-gradient(145deg,#edf3fb,#fff);box-shadow:inset 2px 2px 5px rgba(34,47,83,.06),inset -2px -2px 5px #fff; }
body.landing-v16-3d .landing-testimonial-card:hover { transform:translateY(-5px); }
body.landing-v16-3d .landing-cta { border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 85% 0%,rgba(255,255,255,.22),transparent 32%),linear-gradient(145deg,var(--landing-primary),var(--landing-secondary));box-shadow:0 30px 60px color-mix(in srgb,var(--landing-primary) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.18); }
body.landing-v16-3d .landing-contact-actions a { background:linear-gradient(145deg,#fff,#edf3fb);border:1px solid var(--landing-3d-border);box-shadow:0 7px 14px rgba(34,47,83,.08),inset 0 1px 0 #fff; }
body.landing-v16-3d .landing-footer { background:rgba(255,255,255,.56);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.68); }

@media(max-width:1080px){
  body.landing-v16-3d .landing-hero-grid{grid-template-columns:1fr;gap:50px}.landing-v16-3d .landing-hero-copy{text-align:center}.landing-v16-3d .landing-hero-copy>p{margin-inline:auto}.landing-v16-3d .landing-hero-buttons,.landing-v16-3d .landing-trust-row{justify-content:center}.landing-v16-3d .landing-hero-visual{max-width:820px;width:100%;margin:auto}.landing-v16-3d .landing-nav{position:relative}.landing-v16-3d .landing-links{background:linear-gradient(145deg,#fff,#edf3fb);border:1px solid var(--landing-3d-border);box-shadow:0 18px 34px rgba(34,47,83,.14);border-radius:18px}
}
@media(max-width:720px){
  body.landing-v16-3d .landing-header{padding-top:10px}.landing-v16-3d .landing-nav{border-radius:18px}.landing-v16-3d .landing-hero{padding:58px 0 46px}.landing-v16-3d .landing-hero-copy h1{font-size:40px;letter-spacing:-1.4px}.landing-v16-3d .landing-hero-visual{min-height:440px}.landing-v16-3d .landing-3d-stage{min-height:430px}.landing-v16-3d .landing-3d-dashboard{inset:28px 5px 45px;grid-template-columns:58px 1fr;border-radius:21px;transform:rotateY(-3deg) rotateX(2deg)}html[dir="rtl"] body.landing-v16-3d .landing-3d-dashboard{transform:rotateY(3deg) rotateX(2deg)}.landing-v16-3d .landing-3d-sidebar{padding:13px 7px}.landing-v16-3d .landing-3d-logo{width:38px;height:38px;border-radius:12px;margin-bottom:17px}.landing-v16-3d .landing-3d-sidebar>span{width:38px;height:35px;margin:6px auto}.landing-v16-3d .landing-3d-main{padding:11px}.landing-v16-3d .landing-3d-welcome{min-height:83px;padding:13px}.landing-v16-3d .landing-3d-kpis{grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0}.landing-v16-3d .landing-3d-kpis>div:nth-child(n+3){display:none}.landing-v16-3d .landing-3d-content{grid-template-columns:1fr}.landing-v16-3d .landing-3d-list{display:none}.landing-v16-3d .landing-3d-chart{min-height:118px}.landing-v16-3d .landing-3d-chart>div{height:76px}.landing-v16-3d .chip-project{inset-inline-start:-5px;bottom:30px}.landing-v16-3d .chip-progress{inset-inline-end:-3px;top:38px}.landing-v16-3d .chip-team{display:none}.landing-v16-3d .landing-3d-chip{padding:9px 10px}.landing-v16-3d .landing-3d-chip>i{width:31px;height:31px}.landing-v16-3d .landing-section{padding:72px 0}.landing-v16-3d .about-window{transform:none !important}
}
@media(prefers-reduced-motion:reduce){body.landing-v16-3d *,body.landing-v16-3d *::before,body.landing-v16-3d *::after{transition:none!important;animation:none!important}}