/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/tokens.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  color-scheme: light;

  /* surfaces */
  --bg-0: #ffffff;
  --bg-1: #ffffff;
  --bg-2: #fbfbfd;
  --bg-3: #f5f5f7;

  /* strokes */
  --border-1: #ececee;
  --border-2: #d2d2d7;

  /* nav */
  --nav-bg: rgba(255, 255, 255, 0.72);
  --nav-bg-scrolled: rgba(255, 255, 255, 0.92);
  --nav-shadow-scrolled: 0 1px 0 rgba(0, 0, 0, 0.06);
  --overlay-bg: rgba(0, 0, 0, 0.35);

  /* brand — quiet, used sparingly */
  --brand-deep: #08777c;
  --brand-cyan: #0f9aa6;
  --brand-pale: #18b6c6;
  --brand-deep-hover: #066e72;
  --brand-glow: rgba(15, 154, 166, 0.10);
  --brand-glow-strong: rgba(15, 154, 166, 0.18);

  /* type — Apple-tier gray ladder */
  --text-1: #1d1d1f;
  --text-2: #383a3d;
  --text-3: #5d6169;
  --text-on-brand: #ffffff;

  /* semantic */
  --success: #2fa87c;
  --danger: #d64350;
  --warning: #c98a2d;
  --focus-ring: #0f9aa6;

  /* type scale — Poppins tuned, restrained */
  --fs-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --fs-sm: clamp(0.875rem, 0.85rem + 0.15vw, 0.95rem);
  --fs-base: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
  --fs-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --fs-xl: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
  --fs-2xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --fs-3xl: clamp(2.25rem, 1.75rem + 2.2vw, 3.5rem);
  --fs-display: clamp(2.5rem, 1.85rem + 3.2vw, 4.25rem);

  /* rhythm — tighter tracking, generous leading */
  --lh-tight: 1.05;
  --lh-snug: 1.18;
  --lh-base: 1.55;
  --lh-loose: 1.75;
  --ls-tight: -0.028em;
  --ls-base: -0.005em;
  --ls-wide: 0.06em;
  --measure: 66ch;

  /* spacing */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px; --s-11: 160px;
  --gutter: clamp(20px, 4vw, 40px);
  --container: 1560px;

  /* radius — softer, larger */
  --r-input: 10px;
  --r-button: 999px;
  --r-card: 18px;
  --r-section: 28px;
  --r-pill: 999px;
  --tick: 12px;

  /* shadow — restrained */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 4px 8px rgba(0, 0, 0, 0.06), 0 20px 48px rgba(0, 0, 0, 0.10);
  --shadow-glow: 0 0 60px var(--brand-glow);
  --shadow-cta: 0 8px 24px rgba(15, 154, 166, 0.18);

  /* motion — Apple ease + timing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
  --dur-reveal: 800ms;

  /* z-index */
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-overlay: 500;
  --z-modal: 1000;
  --z-toast: 2000;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.01ms;
    --dur-base: 0.01ms;
    --dur-slow: 0.01ms;
    --dur-reveal: 0.01ms;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; }
body {
  margin: 0;
  background: var(--bg-0);
  color: var(--text-1);
  font-family: var(--font-poppins), 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  letter-spacing: var(--ls-base);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
[lang="ar"] body, [lang="ur"] body {
  font-family: 'Noto Naskh Arabic', 'Tahoma', var(--font-poppins), 'Poppins', system-ui, sans-serif;
}
[lang="zh"] body { font-family: 'PingFang SC', 'Microsoft YaHei', var(--font-poppins), 'Poppins', system-ui, sans-serif; }
[lang="ja"] body { font-family: 'Hiragino Sans', 'Yu Gothic', var(--font-poppins), 'Poppins', system-ui, sans-serif; }

h1, h2, h3, h4 { margin: 0; line-height: var(--lh-snug); letter-spacing: var(--ls-tight); }
p { margin: 0; max-width: var(--measure); }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
img, svg { display: block; max-width: 100%; height: auto; }
input, textarea, select { font: inherit; color: inherit; }

:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: 4px;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: var(--s-4);
  background: var(--brand-deep);
  color: var(--text-on-brand);
  padding: var(--s-3) var(--s-4);
  border-radius: var(--r-button);
  z-index: var(--z-toast);
  transition: top var(--dur-fast);
}
.skip-link:focus { top: var(--s-3); }

.container {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* reveal pattern */
[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--dur-reveal) var(--ease-out-expo), transform var(--dur-reveal) var(--ease-out-expo);
  transition-delay: var(--reveal-delay, 0ms);
}
[data-reveal][data-revealed="true"] {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* perf: skip rendering for off-screen sections until they approach the viewport */
main > section:not(:first-child) {
  content-visibility: auto;
  contain-intrinsic-size: 1px 800px;
}

/* signature: corner ticks */
.ticks {
  position: relative;
}
.ticks::before,
.ticks::after,
.ticks > .tickBR,
.ticks > .tickBL {
  content: '';
  position: absolute;
  width: var(--tick, 12px);
  height: var(--tick, 12px);
  border: 1px solid var(--brand-deep);
  pointer-events: none;
}
.ticks::before {
  top: -1px;
  inset-inline-start: -1px;
  border-right: 0;
  border-bottom: 0;
}
.ticks::after {
  top: -1px;
  inset-inline-end: -1px;
  border-left: 0;
  border-bottom: 0;
}
.ticks > .tickBL,
.ticks > .tickBR {
  bottom: -1px;
}
.ticks > .tickBL {
  inset-inline-start: -1px;
  border-right: 0;
  border-top: 0;
}
.ticks > .tickBR {
  inset-inline-end: -1px;
  border-left: 0;
  border-top: 0;
}

/* signature: hairline section divider */
.hairline {
  position: relative;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0,
    var(--border-2) 20%,
    var(--border-2) 80%,
    transparent 100%
  );
}
.hairline::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand-deep);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 4px rgba(8, 119, 124, 0.08);
}

/* signature: section index number (top-right of container) */
.sectionIndex {
  position: absolute;
  top: var(--s-6);
  inset-inline-end: var(--gutter);
  font-size: 0.7rem;
  letter-spacing: 0.24em;
  color: var(--text-3);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  z-index: 1;
}
.sectionIndex .cur {
  color: var(--brand-deep);
  font-weight: 500;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./components/loading/LoadingScreen.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoadingScreen_overlay__4JJ13 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--bg-0);
  display: grid;
  place-items: center;
  opacity: 1;
  animation: LoadingScreen_overlayFadeOut__8ixFA 0.5s cubic-bezier(0.16, 1, 0.3, 1) 3.5s forwards;
}

@keyframes LoadingScreen_overlayFadeOut__8ixFA {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

.LoadingScreen_stage__mof3q {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-5);
  animation: LoadingScreen_rise__tVWU1 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.LoadingScreen_mark__UW_Ai {
  width: min(150px, 28vw);
  height: auto;
  overflow: visible;
  animation: LoadingScreen_spin__qbpcU 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.LoadingScreen_mark__UW_Ai path {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: LoadingScreen_drawLoop__KCWSA 3.4s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

.LoadingScreen_c1__UsbcZ { color: #18b6c6; }
.LoadingScreen_c2__BX5pB { color: #95eaef; }
.LoadingScreen_c3__N4D9F { color: #08777c; }

.LoadingScreen_label__iYFyu {
  font-family: var(--font-mono, 'JetBrains Mono'), monospace;
  font-size: 0.7rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--text-3);
  opacity: 0;
  animation: LoadingScreen_labelIn__PZb05 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.45s forwards;
}

.LoadingScreen_label__iYFyu span {
  color: var(--brand-cyan);
  animation: LoadingScreen_blink__dInJn 1.1s ease-in-out infinite;
  margin-left: 4px;
}

@keyframes LoadingScreen_drawLoop__KCWSA {
  0%   { stroke-dashoffset: 1; fill: transparent; }   /* empty */
  25%  { stroke-dashoffset: 0; fill: transparent; }   /* fully outlined */
  35%  { stroke-dashoffset: 0; fill: currentColor; }  /* filled solid */
  65%  { stroke-dashoffset: 0; fill: currentColor; }  /* HOLD filled (delay) */
  75%  { stroke-dashoffset: 0; fill: transparent; }   /* unfilled, outline stays */
  100% { stroke-dashoffset: 1; fill: transparent; }   /* erased */
}

@keyframes LoadingScreen_spin__qbpcU {
  from { transform: rotate(-90deg) scale(0.55); opacity: 0; }
  60%  { transform: rotate(6deg)   scale(1.03); opacity: 1; }
  to   { transform: rotate(0deg)   scale(1);    opacity: 1; }
}

@keyframes LoadingScreen_rise__tVWU1 {
  from { transform: translateY(12px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

@keyframes LoadingScreen_labelIn__PZb05 {
  to { opacity: 1; }
}

@keyframes LoadingScreen_blink__dInJn {
  0%, 60%, 100% { opacity: 1; }
  30% { opacity: 0.25; }
}

@keyframes LoadingScreen_fadeOut__9gH4R {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  .LoadingScreen_overlay__4JJ13 {
    animation: LoadingScreen_fadeOut__9gH4R 0.3s ease-out 0.2s forwards;
  }
  .LoadingScreen_stage__mof3q,
  .LoadingScreen_mark__UW_Ai,
  .LoadingScreen_mark__UW_Ai path,
  .LoadingScreen_label__iYFyu {
    animation: none;
    opacity: 1;
  }
  .LoadingScreen_mark__UW_Ai path {
    fill: currentColor;
    stroke: none;
    stroke-dashoffset: 0;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../nodevenv/confiatech.com/20/lib/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../nodevenv/confiatech.com/20/lib/node_modules/next/font/google/target.css?{"path":"app/[locale]/layout.tsx","import":"Poppins","arguments":[{"subsets":["latin"],"weight":["400","500","600"],"variable":"--font-poppins","display":"swap","preload":true,"adjustFontFallback":true}],"variableName":"poppins"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* devanagari */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/034d78ad42e9620c-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/fe0777f1195381cb-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/db911767852bc875-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/29e7bbdce9332268-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/c3bc380753a8436c-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Poppins_cc80f9';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/0484562807a97172-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Poppins_Fallback_cc80f9';src: local("Arial");ascent-override: 93.62%;descent-override: 31.21%;line-gap-override: 8.92%;size-adjust: 112.16%
}.__className_cc80f9 {font-family: '__Poppins_cc80f9', '__Poppins_Fallback_cc80f9';font-style: normal
}.__variable_cc80f9 {--font-poppins: '__Poppins_cc80f9', '__Poppins_Fallback_cc80f9'
}