/* =========================================================
   EduSphere landing page — custom.css
   Grouped by section. Generated from the design; do not edit
   colours here without updating the brand tokens.
   ========================================================= */

/* ---------- Hybrid container & fluid scale ---------- */
:root {
  /* 100% width on small/medium screens; centred, capped 1660–1920px on large screens */
  --container-max: clamp(1660px, 90vw, 1920px);
  --gutter: clamp(16px, 3.2vw, 32px);
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body { max-width: 100%; overflow-x: clip; }
img { max-width: 100%; }
[hidden] { display: none !important; }

/* ---------- Base, keyframes ---------- */
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#f5f3ee;color:#0b1d22;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#0e5a66;text-decoration:none}
a:hover{color:#0b1d22}
::selection{background:#f0a43a;color:#0b1d22}
@media (max-width:1100px){header nav{display:none !important}}
@keyframes v4Drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,40px) scale(1.15)}}
@keyframes v4Drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-30px) scale(.9)}}
@keyframes v4Shine{to{background-position:200% center}}
@keyframes v4Grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes v4Chip{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}
@keyframes v3Rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes v3Spin{to{transform:rotate(360deg)}}
@keyframes v3Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
@keyframes v3Flow{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
@keyframes v3Marq{to{transform:translateX(-50%)}}
@keyframes v3Blink{50%{opacity:0}}
@keyframes v3Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes v3Bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Global ---------- */
.site-box {
  position:fixed;
  left:0;
  top:0;
  height:3px;
  width:0;
  background:linear-gradient(90deg,#0e5a66,#f0a43a);
  z-index:60;
}
.site-box-2 {
  height:69px;
}
.scroll-top {
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:55;
  width:52px;
  height:52px;
  border-radius:16px;
  border:0;
  cursor:pointer;
  background:#0b1d22;
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 18px 36px -14px rgba(11,29,34,.7);
  opacity:0;
  transform:translateY(16px);
  pointer-events:none;
  transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1),background .25s;
}
.scroll-top:hover {
  background:#0e5a66;
}
.site-icon {
  width:20px;
  height:20px;
  background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-arrow-up' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m5 12 7-7 7 7' /%3E%3Cpath d='M12 19V5' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-arrow-up' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m5 12 7-7 7 7' /%3E%3Cpath d='M12 19V5' /%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- Header ---------- */
.site-header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  background:rgba(245,243,238,.6);
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
  border-bottom:1px solid transparent;
  box-shadow:none;
  transition:background .35s,box-shadow .35s,border-color .35s;
}
.header-row {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:14px var(--gutter);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.header-link {
  display:flex;
  align-items:center;
  gap:10px;
  color:#0b1d22;
  flex:none;
}
.header-image {
  width:34px;
  height:34px;
  border-radius:9px;
}
.header-label {
  font:700 21px 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.02em;
}
.header-nav {
  display:flex;
  gap:4px;
  flex-wrap:nowrap;
  overflow:hidden;
  min-width:0;
  flex:1 1 auto;
  justify-content:center;
}
.nav-link {
  position:relative;
  font-weight:500;
  font-size:15px;
  color:#3d4f53;
  background:transparent;
  padding:8px 12px;
  border-radius:8px;
  white-space:nowrap;
  transition:background .25s,color .25s;
}
.nav-link:hover {
  background:#ebe8e0;
  color:#0b1d22;
}
.nav-link-bar {
  position:absolute;
  left:12px;
  right:12px;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:#f0a43a;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.header-row-2 {
  display:flex;
  align-items:center;
  gap:10px;
  flex:none;
}
.header-button {
  font-weight:600;
  font-size:14px;
  color:#fff;
  background:#0e5a66;
  padding:11.5px 17px;
  border-radius:10px;
  white-space:nowrap;
  transition:background .2s,transform .2s;
}
.header-button:hover {
  background:#0b1d22;
  color:#fff;
  transform:translateY(-1px);
}
.header-button-2 {
  font-weight:600;
  font-size:14px;
  color:#0b1d22;
  padding:10px 16px;
  border-radius:10px;
  border:1.5px solid #0b1d22;
  white-space:nowrap;
  transition:background .2s,color .2s;
}
.header-button-2:hover {
  background:#0b1d22;
  color:#fff;
}
.header-button-3 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:600;
  font-size:14px;
  color:#fff;
  background:#0b1d22;
  padding:10px 15px;
  border-radius:10px;
  white-space:nowrap;
  transition:transform .2s,box-shadow .2s;
}
.header-button-3:hover {
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 10px 24px -10px rgba(118,52,255,.8);
}
.header-image-2 {
  height:17px;
  width:auto;
  display:block;
}

/* ---------- Hero & stats ---------- */
.hero-section {
  position:relative;
  overflow:hidden;
}
.hero-decor {
  position:absolute;
  right:-8%;
  top:-18%;
  width:720px;
  height:720px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,90,102,.28),transparent 65%);
  filter:blur(20px);
  animation:v4Drift1 18s ease-in-out infinite;
  pointer-events:none;
}
.hero-decor-2 {
  position:absolute;
  right:28%;
  top:30%;
  width:460px;
  height:460px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,164,58,.26),transparent 65%);
  filter:blur(20px);
  animation:v4Drift2 22s ease-in-out infinite;
  pointer-events:none;
}
.hero-decor-3 {
  position:absolute;
  left:-10%;
  bottom:-20%;
  width:560px;
  height:560px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(118,52,255,.12),transparent 65%);
  filter:blur(20px);
  animation:v4Drift1 26s ease-in-out infinite reverse;
  pointer-events:none;
}
.hero-decor-4 {
  position:absolute;
  inset:0;
  background-image:linear-gradient(#e7e3d9 1px,transparent 1px),linear-gradient(90deg,#e7e3d9 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 70% 60% at 70% 40%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 40%,#000,transparent);
  pointer-events:none;
}
.hero-grid {
  position:relative;
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:72px var(--gutter) 56px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));
  gap:56px;
  align-items:center;
}
.hero-button {
  animation:v3Rise .9s cubic-bezier(.2,.7,.2,1) both;
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#0b1d22;
  color:#fff;
  border-radius:999px;
  padding:7px 8px 7px 16px;
  font-size:14px;
  font-weight:500;
  transition:transform .25s;
}
.hero-button:hover {
  transform:translateY(-2px);
  color:#fff;
}
.hero-image {
  height:17px;
  width:auto;
  display:block;
}
.hero-badge {
  background:#f0a43a;
  color:#0b1d22;
  border-radius:999px;
  padding:4px 10px;
  font:600 12px 'JetBrains Mono',monospace;
}
.hero-title {
  animation:v3Rise .9s .08s cubic-bezier(.2,.7,.2,1) both;
  font:800 clamp(44px,5.4vw,92px)/.98 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.045em;
  margin:28px 0 24px;
  text-wrap:balance;
}
.hero-label {
  background:linear-gradient(90deg,#0e5a66,#1b8a8f,#f0a43a,#0e5a66);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:v4Shine 7s linear infinite;
}
.hero-text {
  animation:v3Rise .9s .16s cubic-bezier(.2,.7,.2,1) both;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.6;
  color:#4a5b5f;
  margin:0 0 34px;
  max-width:620px;
  text-wrap:pretty;
}
.hero-row {
  animation:v3Rise .9s .24s cubic-bezier(.2,.7,.2,1) both;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.hero-button-2 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#0e5a66;
  color:#fff;
  font-weight:600;
  font-size:17px;
  padding:17px 26px;
  border-radius:14px;
  box-shadow:0 18px 40px -18px rgba(14,90,102,.9);
  transition:transform .25s,background .25s;
}
.hero-button-2:hover {
  transform:translateY(-2px);
  background:#0b1d22;
  color:#fff;
}
.hero-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7ee0b5;
  animation:v3Pulse 1.6s ease-in-out infinite;
}
.hero-button-3 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#0b1d22;
  font-weight:600;
  font-size:17px;
  padding:16px 26px;
  border-radius:14px;
  border:1.5px solid #0b1d22;
  transition:transform .25s,background .25s,color .25s;
}
.hero-button-3:hover {
  transform:translateY(-2px);
  background:#0b1d22;
  color:#fff;
}
.hero-fan {
  position:relative;
  height:clamp(340px,36vw,560px);
  perspective:1800px;
}
.hero-fan-card {
  position:absolute;
  left:50%;
  top:50%;
  width:94%;
  aspect-ratio:16/9;
  transform:translate(-50%,-50%) translateX(0%) translateY(0%) translateZ(0px) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  z-index:10;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s,filter 1s;
  filter:none;
  cursor:pointer;
}
.hero-image-2 {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:18px;
  display:block;
  box-shadow:0 40px 80px -40px rgba(11,29,34,.55);
}
.hero-fan-card-2 {
  position:absolute;
  left:50%;
  top:50%;
  width:94%;
  aspect-ratio:16/9;
  transform:translate(-50%,-50%) translateX(9%) translateY(-4%) translateZ(-140px) rotateY(-10deg) rotateZ(2deg);
  opacity:0.72;
  z-index:9;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s,filter 1s;
  filter:saturate(0.7);
  cursor:pointer;
}
.hero-fan-card-3 {
  position:absolute;
  left:50%;
  top:50%;
  width:94%;
  aspect-ratio:16/9;
  transform:translate(-50%,-50%) translateX(18%) translateY(-8%) translateZ(-280px) rotateY(-20deg) rotateZ(4deg);
  opacity:0.43999999999999995;
  z-index:8;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s,filter 1s;
  filter:saturate(0.4);
  cursor:pointer;
}
.hero-fan-card-4 {
  position:absolute;
  left:50%;
  top:50%;
  width:94%;
  aspect-ratio:16/9;
  transform:translate(-50%,-50%) translateX(27%) translateY(-12%) translateZ(-420px) rotateY(-30deg) rotateZ(6deg);
  opacity:0;
  z-index:7;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s,filter 1s;
  filter:saturate(0.10000000000000009);
  cursor:pointer;
}
.hero-fan-card-5 {
  position:absolute;
  left:50%;
  top:50%;
  width:94%;
  aspect-ratio:16/9;
  transform:translate(-50%,-50%) translateX(-18%) translateY(-8%) translateZ(-280px) rotateY(20deg) rotateZ(-4deg);
  opacity:0.43999999999999995;
  z-index:8;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s,filter 1s;
  filter:saturate(0.4);
  cursor:pointer;
}
.hero-fan-card-6 {
  position:absolute;
  left:50%;
  top:50%;
  width:94%;
  aspect-ratio:16/9;
  transform:translate(-50%,-50%) translateX(-9%) translateY(-4%) translateZ(-140px) rotateY(10deg) rotateZ(-2deg);
  opacity:0.72;
  z-index:9;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s,filter 1s;
  filter:saturate(0.7);
  cursor:pointer;
}
.hero-row-2 {
  position:absolute;
  left:4%;
  bottom:2%;
  z-index:20;
  display:flex;
  align-items:center;
  gap:10px;
  background:#0b1d22;
  color:#fff;
  border-radius:12px;
  padding:10px 14px;
  box-shadow:0 20px 40px -18px rgba(11,29,34,.7);
  animation:v3Float 6s ease-in-out infinite;
}
.hero-label-2 {
  font:500 11px 'JetBrains Mono',monospace;
  color:#f0a43a;
}
.hero-label-3 {
  font-weight:600;
  font-size:14px;
}
.hero-card {
  position:absolute;
  right:-2%;
  top:22%;
  z-index:21;
  --r:3deg;
  animation:v4Chip 7s ease-in-out infinite;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid #e2ded5;
  border-radius:14px;
  padding:10px 14px;
  box-shadow:0 24px 44px -22px rgba(11,29,34,.5);
}
.hero-label-4 {
  width:30px;
  height:30px;
  border-radius:9px;
  background:#dff3e8;
  display:grid;
  place-items:center;
  color:#1a8a55;
  font-weight:700;
}
.hero-box {
  font-weight:700;
  font-size:13px;
}
.hero-box-2 {
  font:400 11px 'JetBrains Mono',monospace;
  color:#5b6b6e;
}
.hero-row-3 {
  position:absolute;
  left:-3%;
  top:16%;
  z-index:21;
  --r:-3deg;
  animation:v4Chip 8s 1s ease-in-out infinite;
  display:flex;
  align-items:center;
  gap:10px;
  background:#0b1d22;
  color:#fff;
  border-radius:14px;
  padding:10px 14px;
  box-shadow:0 24px 44px -22px rgba(11,29,34,.7);
}
.hero-label-5 {
  width:30px;
  height:30px;
  border-radius:9px;
  background:rgba(240,164,58,.18);
  display:grid;
  place-items:center;
  color:#f0a43a;
  font:600 12px 'JetBrains Mono',monospace;
}
.hero-box-3 {
  font:400 11px 'JetBrains Mono',monospace;
  color:#9fb4b1;
}
.hero-row-4 {
  position:absolute;
  right:6%;
  bottom:6%;
  z-index:21;
  --r:2deg;
  animation:v4Chip 9s .5s ease-in-out infinite;
  display:flex;
  align-items:center;
  gap:8px;
  background:#f0a43a;
  color:#0b1d22;
  border-radius:999px;
  padding:9px 15px;
  font:600 13px 'JetBrains Mono',monospace;
  box-shadow:0 20px 40px -18px rgba(240,164,58,.9);
}
.hero-row-5 {
  position:absolute;
  right:2%;
  top:4%;
  z-index:20;
  display:flex;
  gap:6px;
}
.hero-fan-dot {
  width:8px;
  height:8px;
  border-radius:99px;
  border:0;
  padding:0;
  cursor:pointer;
  background:#cfcabd;
  transition:width .4s,background .4s;
}
.hero-box-4 {
  position:relative;
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:0 var(--gutter) 72px;
}
.hero-card-2 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px;
  background:#e2ded5;
  border:1px solid #e2ded5;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 40px 80px -50px rgba(11,29,34,.45);
}
.hero-stack {
  background:rgba(255,255,255,.85);
  padding:28px 26px;
  display:flex;
  flex-direction:column;
  gap:6px;
  transition:background .3s;
}
.hero-stack:hover {
  background:#fff;
}
.hero-row-6 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.hero-box-5 {
  font:700 clamp(32px,3vw,48px)/1 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.hero-label-6 {
  color:#0e5a66;
}
.hero-label-7 {
  flex:none;
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(145deg,#0e5a66,#0b1d22);
  display:grid;
  place-items:center;
  box-shadow:0 12px 24px -12px rgba(14,90,102,.9);
}
.hero-icon {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-code-2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='m5 12-3 3 3 3' /%3E%3Cpath d='m9 18 3-3-3-3' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-code-2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='m5 12-3 3 3 3' /%3E%3Cpath d='m9 18 3-3-3-3' /%3E%3C/svg%3E") center/contain no-repeat;
}
.hero-box-6 {
  font-size:14px;
  color:#5b6b6e;
}
.hero-icon-2 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-monitor' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='3' rx='2' /%3E%3Cline x1='8' x2='16' y1='21' y2='21' /%3E%3Cline x1='12' x2='12' y1='17' y2='21' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-monitor' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='3' rx='2' /%3E%3Cline x1='8' x2='16' y1='21' y2='21' /%3E%3Cline x1='12' x2='12' y1='17' y2='21' /%3E%3C/svg%3E") center/contain no-repeat;
}
.hero-icon-3 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-table-2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-table-2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18' /%3E%3C/svg%3E") center/contain no-repeat;
}
.hero-icon-4 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-git-branch' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='6' x2='6' y1='3' y2='15' /%3E%3Ccircle cx='18' cy='6' r='3' /%3E%3Ccircle cx='6' cy='18' r='3' /%3E%3Cpath d='M18 9a9 9 0 0 1-9 9' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-git-branch' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='6' x2='6' y1='3' y2='15' /%3E%3Ccircle cx='18' cy='6' r='3' /%3E%3Ccircle cx='6' cy='18' r='3' /%3E%3Cpath d='M18 9a9 9 0 0 1-9 9' /%3E%3C/svg%3E") center/contain no-repeat;
}
.hero-icon-5 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-package' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z' /%3E%3Cpath d='M12 22V12' /%3E%3Cpath d='m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7' /%3E%3Cpath d='m7.5 4.27 9 5.15' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-package' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z' /%3E%3Cpath d='M12 22V12' /%3E%3Cpath d='m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7' /%3E%3Cpath d='m7.5 4.27 9 5.15' /%3E%3C/svg%3E") center/contain no-repeat;
}
.hero-icon-6 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-timer' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='10' x2='14' y1='2' y2='2' /%3E%3Cline x1='12' x2='15' y1='14' y2='11' /%3E%3Ccircle cx='12' cy='14' r='8' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-timer' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='10' x2='14' y1='2' y2='2' /%3E%3Cline x1='12' x2='15' y1='14' y2='11' /%3E%3Ccircle cx='12' cy='14' r='8' /%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- Built with strip ---------- */
.built-with-section {
  position:relative;
  padding:36px 0 40px;
  border-top:1px solid #e2ded5;
  border-bottom:1px solid #e2ded5;
  background:linear-gradient(180deg,#efece5,#f5f3ee);
}
.built-with-row {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto 22px;
  padding:0 var(--gutter);
  display:flex;
  align-items:center;
  gap:16px;
}
.built-with-label {
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0e5a66;
  white-space:nowrap;
}
.built-with-label-2 {
  flex:1;
  height:1px;
  background:linear-gradient(90deg,#cfcabd,transparent);
}
.built-with-stack {
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.built-with-row-2 {
  display:flex;
  width:max-content;
  animation:v3Marq 60s linear infinite;
}
.built-with-box {
  padding-right:14px;
}
.built-with-card {
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:16px;
  padding:10px 18px 10px 10px;
  white-space:nowrap;
  box-shadow:0 10px 24px -18px rgba(11,29,34,.45);
  transition:border-color .3s,transform .3s;
}
.built-with-card:hover {
  border-color:#0e5a66;
  transform:translateY(-2px);
}
.built-with-label-3 {
  width:36px;
  height:36px;
  border-radius:11px;
  background:#e3efec;
  display:grid;
  place-items:center;
}
.built-with-icon {
  width:18px;
  height:18px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layers' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z' /%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65' /%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layers' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z' /%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65' /%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-box-2 {
  font:700 15px 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.01em;
  color:#0b1d22;
}
.built-with-box-3 {
  font:400 11px 'JetBrains Mono',monospace;
  color:#5b6b6e;
}
.built-with-label-4 {
  width:36px;
  height:36px;
  border-radius:11px;
  background:#0b1d22;
  display:grid;
  place-items:center;
}
.built-with-icon-2 {
  width:18px;
  height:18px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-code' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='16 18 22 12 16 6' /%3E%3Cpolyline points='8 6 2 12 8 18' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-code' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='16 18 22 12 16 6' /%3E%3Cpolyline points='8 6 2 12 8 18' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-3 {
  width:18px;
  height:18px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-4 {
  width:18px;
  height:18px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-cable' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1' /%3E%3Cpath d='M19 15V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V9' /%3E%3Cpath d='M21 21v-2h-4' /%3E%3Cpath d='M3 5h4V3' /%3E%3Cpath d='M7 5a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1V3' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-cable' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1' /%3E%3Cpath d='M19 15V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V9' /%3E%3Cpath d='M21 21v-2h-4' /%3E%3Cpath d='M3 5h4V3' /%3E%3Cpath d='M7 5a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1V3' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-5 {
  width:18px;
  height:18px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layout-template' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='7' x='3' y='3' rx='1' /%3E%3Crect width='9' height='7' x='3' y='14' rx='1' /%3E%3Crect width='5' height='7' x='16' y='14' rx='1' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layout-template' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='7' x='3' y='3' rx='1' /%3E%3Crect width='9' height='7' x='3' y='14' rx='1' /%3E%3Crect width='5' height='7' x='16' y='14' rx='1' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-6 {
  width:18px;
  height:18px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-credit-card' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-credit-card' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-row-3 {
  display:flex;
  width:max-content;
  animation:v3Marq 70s linear infinite reverse;
}
.built-with-icon-7 {
  width:18px;
  height:18px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-key-round' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z' /%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-key-round' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z' /%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-8 {
  width:18px;
  height:18px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-text' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M10 9H8' /%3E%3Cpath d='M16 13H8' /%3E%3Cpath d='M16 17H8' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-text' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M10 9H8' /%3E%3Cpath d='M16 13H8' /%3E%3Cpath d='M16 17H8' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-9 {
  width:18px;
  height:18px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-qr-code' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='5' height='5' x='3' y='3' rx='1' /%3E%3Crect width='5' height='5' x='16' y='3' rx='1' /%3E%3Crect width='5' height='5' x='3' y='16' rx='1' /%3E%3Cpath d='M21 16h-3a2 2 0 0 0-2 2v3' /%3E%3Cpath d='M21 21v.01' /%3E%3Cpath d='M12 7v3a2 2 0 0 1-2 2H7' /%3E%3Cpath d='M3 12h.01' /%3E%3Cpath d='M12 3h.01' /%3E%3Cpath d='M12 16v.01' /%3E%3Cpath d='M16 12h1' /%3E%3Cpath d='M21 12v.01' /%3E%3Cpath d='M12 21v-1' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-qr-code' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='5' height='5' x='3' y='3' rx='1' /%3E%3Crect width='5' height='5' x='16' y='3' rx='1' /%3E%3Crect width='5' height='5' x='3' y='16' rx='1' /%3E%3Cpath d='M21 16h-3a2 2 0 0 0-2 2v3' /%3E%3Cpath d='M21 21v.01' /%3E%3Cpath d='M12 7v3a2 2 0 0 1-2 2H7' /%3E%3Cpath d='M3 12h.01' /%3E%3Cpath d='M12 3h.01' /%3E%3Cpath d='M12 16v.01' /%3E%3Cpath d='M16 12h1' /%3E%3Cpath d='M21 12v.01' /%3E%3Cpath d='M12 21v-1' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-10 {
  width:18px;
  height:18px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-spreadsheet' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M8 13h2' /%3E%3Cpath d='M14 13h2' /%3E%3Cpath d='M8 17h2' /%3E%3Cpath d='M14 17h2' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-spreadsheet' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M8 13h2' /%3E%3Cpath d='M14 13h2' /%3E%3Cpath d='M8 17h2' /%3E%3Cpath d='M14 17h2' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-11 {
  width:18px;
  height:18px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-container' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z' /%3E%3Cpath d='M10 21.9V14L2.1 9.1' /%3E%3Cpath d='m10 14 11.9-6.9' /%3E%3Cpath d='M14 19.8v-8.1' /%3E%3Cpath d='M18 17.5V9.4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-container' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z' /%3E%3Cpath d='M10 21.9V14L2.1 9.1' /%3E%3Cpath d='m10 14 11.9-6.9' /%3E%3Cpath d='M14 19.8v-8.1' /%3E%3Cpath d='M18 17.5V9.4' /%3E%3C/svg%3E") center/contain no-repeat;
}
.built-with-icon-12 {
  width:18px;
  height:18px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-cloud' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-cloud' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z' /%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- What you get ---------- */
.included-section {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:72px var(--gutter) 0;
}
.included-row {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  flex-wrap:wrap;
  margin-bottom:44px;
}
.included-box {
  max-width:860px;
}
.included-box-2 {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0e5a66;
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:999px;
  padding:7px 14px 7px 10px;
}
.included-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a43a;
  box-shadow:0 0 0 4px rgba(240,164,58,.18);
}
.included-heading {
  font:700 clamp(34px,3.6vw,60px)/1.02 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.04em;
  margin:20px 0 16px;
  text-wrap:balance;
}
.included-label {
  color:#0e5a66;
}
.included-text {
  font-size:18px;
  line-height:1.65;
  color:#4a5b5f;
  margin:0;
  max-width:640px;
  text-wrap:pretty;
}
.included-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  gap:20px;
  align-items:stretch;
}
.included-stack {
  position:relative;
  overflow:hidden;
  background:#0b1d22;
  border-radius:28px;
  box-shadow:0 60px 120px -60px rgba(11,29,34,.9);
  display:flex;
  flex-direction:column;
}
.included-decor {
  position:absolute;
  right:-120px;
  top:-120px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,90,102,.6),transparent 65%);
  filter:blur(20px);
  pointer-events:none;
}
.included-row-2 {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.included-row-3 {
  display:flex;
  gap:6px;
}
.included-dot-2 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#e9675a;
}
.included-dot-3 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#f0b43a;
}
.included-dot-4 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#5bc27a;
}
.included-label-2 {
  font:500 13px 'JetBrains Mono',monospace;
  color:#cfe0dd;
}
.included-badge {
  margin-left:auto;
  font:500 11px 'JetBrains Mono',monospace;
  color:#7ee0b5;
  background:rgba(126,224,181,.1);
  border-radius:6px;
  padding:3px 8px;
}
.included-box-3 {
  position:relative;
  padding:14px 10px 18px;
  flex:1;
}
.included-tree-row {
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px 7px 12px;
  border-radius:10px;
  background:transparent;
  transition:background .3s;
}
.included-tree-icon {
  width:16px;
  height:16px;
  flex:none;
  background:#7fd3df;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-folder-open' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-folder-open' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-tree-name {
  font:600 14px 'JetBrains Mono',monospace;
  color:#e3efec;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.included-label-3 {
  margin-left:auto;
  font:400 12px 'JetBrains Mono',monospace;
  color:#6f8784;
  white-space:nowrap;
}
.included-tree-row-2 {
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px 7px 34px;
  border-radius:10px;
  background:transparent;
  transition:background .3s;
}
.included-tree-icon-2 {
  width:16px;
  height:16px;
  flex:none;
  background:#7fd3df;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-folder' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-folder' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-tree-row-3 {
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px 7px 56px;
  border-radius:10px;
  background:transparent;
  transition:background .3s;
}
.included-tree-icon-3 {
  width:16px;
  height:16px;
  flex:none;
  background:#8fa7a4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-box' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' /%3E%3Cpath d='m3.3 7 8.7 5 8.7-5' /%3E%3Cpath d='M12 22V12' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-box' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' /%3E%3Cpath d='m3.3 7 8.7 5 8.7-5' /%3E%3Cpath d='M12 22V12' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-tree-name-2 {
  font:400 14px 'JetBrains Mono',monospace;
  color:#b9cbc8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.included-tree-icon-4 {
  width:16px;
  height:16px;
  flex:none;
  background:#8fa7a4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-grid-2 {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));
  gap:14px;
}
.included-card {
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.6);
  border:1px solid #e2ded5;
  border-radius:22px;
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s,background .35s;
  transform:none;
  box-shadow:none;
}
.included-row-4 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.included-label-4 {
  width:44px;
  height:44px;
  border-radius:13px;
  background:linear-gradient(145deg,#0e5a66,#0b1d22);
  display:grid;
  place-items:center;
  box-shadow:0 12px 24px -12px rgba(14,90,102,.9);
}
.included-icon {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-code-2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='m5 12-3 3 3 3' /%3E%3Cpath d='m9 18 3-3-3-3' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-code-2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='m5 12-3 3 3 3' /%3E%3Cpath d='m9 18 3-3-3-3' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-badge-2 {
  font:500 11px 'JetBrains Mono',monospace;
  color:#0e5a66;
  background:#e3efec;
  border-radius:999px;
  padding:4px 10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:60%;
}
.included-box-4 {
  font:700 18px 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.015em;
  color:#0b1d22;
}
.included-box-5 {
  font-size:14px;
  line-height:1.55;
  color:#5b6b6e;
  text-wrap:pretty;
}
.included-icon-2 {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-icon-3 {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-sparkles' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z' /%3E%3Cpath d='M20 3v4' /%3E%3Cpath d='M22 5h-4' /%3E%3Cpath d='M4 17v2' /%3E%3Cpath d='M5 18H3' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-sparkles' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z' /%3E%3Cpath d='M20 3v4' /%3E%3Cpath d='M22 5h-4' /%3E%3Cpath d='M4 17v2' /%3E%3Cpath d='M5 18H3' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-icon-4 {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-container' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z' /%3E%3Cpath d='M10 21.9V14L2.1 9.1' /%3E%3Cpath d='m10 14 11.9-6.9' /%3E%3Cpath d='M14 19.8v-8.1' /%3E%3Cpath d='M18 17.5V9.4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-container' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z' /%3E%3Cpath d='M10 21.9V14L2.1 9.1' /%3E%3Cpath d='m10 14 11.9-6.9' /%3E%3Cpath d='M14 19.8v-8.1' /%3E%3Cpath d='M18 17.5V9.4' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-icon-5 {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-book-text' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20' /%3E%3Cpath d='M8 11h8' /%3E%3Cpath d='M8 7h6' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-book-text' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20' /%3E%3Cpath d='M8 11h8' /%3E%3Cpath d='M8 7h6' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-icon-6 {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-image' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2' /%3E%3Ccircle cx='9' cy='9' r='2' /%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-image' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2' /%3E%3Ccircle cx='9' cy='9' r='2' /%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-icon-7 {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-refresh-cw' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8' /%3E%3Cpath d='M21 3v5h-5' /%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16' /%3E%3Cpath d='M8 16H3v5' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-refresh-cw' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8' /%3E%3Cpath d='M21 3v5h-5' /%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16' /%3E%3Cpath d='M8 16H3v5' /%3E%3C/svg%3E") center/contain no-repeat;
}
.included-icon-8 {
  width:21px;
  height:21px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-life-buoy' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m4.93 4.93 4.24 4.24' /%3E%3Cpath d='m14.83 9.17 4.24-4.24' /%3E%3Cpath d='m14.83 14.83 4.24 4.24' /%3E%3Cpath d='m9.17 14.83-4.24 4.24' /%3E%3Ccircle cx='12' cy='12' r='4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-life-buoy' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m4.93 4.93 4.24 4.24' /%3E%3Cpath d='m14.83 9.17 4.24-4.24' /%3E%3Cpath d='m14.83 14.83 4.24 4.24' /%3E%3Cpath d='m9.17 14.83-4.24 4.24' /%3E%3Ccircle cx='12' cy='12' r='4' /%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- Features ---------- */
.features-section {
  position:relative;
  overflow:hidden;
  background:#0b1d22;
  color:#fff;
  margin-top:72px;
}
.features-decor {
  position:absolute;
  left:-10%;
  top:-30%;
  width:700px;
  height:700px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,90,102,.55),transparent 65%);
  filter:blur(30px);
  animation:v4Drift1 20s ease-in-out infinite;
  pointer-events:none;
}
.features-decor-2 {
  position:absolute;
  right:-10%;
  bottom:-30%;
  width:600px;
  height:600px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,164,58,.18),transparent 65%);
  filter:blur(30px);
  animation:v4Drift2 24s ease-in-out infinite;
  pointer-events:none;
}
.features-decor-3 {
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(180deg,#000,transparent 70%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);
  pointer-events:none;
}
.features-box {
  position:relative;
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:72px var(--gutter) 72px;
}
.features-row {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  flex-wrap:wrap;
  margin-bottom:44px;
}
.features-box-2 {
  max-width:820px;
}
.features-box-3 {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f0a43a;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:7px 14px 7px 10px;
}
.features-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a43a;
  box-shadow:0 0 0 4px rgba(240,164,58,.18);
}
.features-heading {
  font:700 clamp(34px,3.6vw,60px)/1.02 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.04em;
  margin:20px 0 0;
  text-wrap:balance;
}
.features-label {
  color:#f0a43a;
}
.features-stack {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}
.features-card {
  display:flex;
  gap:4px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:5px;
}
.features-tab {
  border:0;
  cursor:pointer;
  font:600 15px 'Hanken Grotesk',sans-serif;
  padding:11px 22px;
  border-radius:10px;
  background:transparent;
  color:#cfe0dd;
  transition:background .25s,color .25s;
}
.features-label-2 {
  font:400 13px 'JetBrains Mono',monospace;
  color:#9fb4b1;
}
.features-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));
  grid-auto-flow:dense;
  gap:14px;
}
.features-card-2 {
  grid-column:span 2;
  grid-row:span 2;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(160deg,#0e5a66,#0b2a31);
  border:1px solid rgba(255,255,255,.14);
  padding:32px;
  display:flex;
  flex-direction:column;
  min-height:420px;
}
.features-box-4 {
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f0a43a;
}
.features-box-5 {
  font:700 clamp(26px,2.2vw,36px)/1.1 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.03em;
  margin:14px 0 12px;
  max-width:440px;
}
.features-box-6 {
  font-size:16px;
  line-height:1.6;
  color:#cfe0dd;
  max-width:460px;
}
.features-box-7 {
  position:relative;
  margin-top:auto;
  padding-top:28px;
}
.features-image {
  display:block;
  width:118%;
  max-width:none;
  border-radius:14px 14px 0 0;
  box-shadow:0 -20px 60px -20px rgba(0,0,0,.6);
  margin:0 0 -32px 0;
  transform:rotate(-2deg) translateY(10px);
  transform-origin:left bottom;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.features-image:hover {
  transform:rotate(0deg) translateY(0);
}
.features-card-3 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:0ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-3:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-label-3 {
  width:48px;
  height:48px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(240,164,58,.28),rgba(240,164,58,.06));
  border:1px solid rgba(240,164,58,.4);
  display:grid;
  place-items:center;
}
.features-icon {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-library' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 6 4 14' /%3E%3Cpath d='M12 6v14' /%3E%3Cpath d='M8 8v12' /%3E%3Cpath d='M4 4v16' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-library' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 6 4 14' /%3E%3Cpath d='M12 6v14' /%3E%3Cpath d='M8 8v12' /%3E%3Cpath d='M4 4v16' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-box-8 {
  font:700 20px 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.015em;
}
.features-box-9 {
  font-size:15px;
  line-height:1.6;
  color:#b9cbc8;
  text-wrap:pretty;
}
.features-card-4 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:50ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-4:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-2 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-credit-card' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-credit-card' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-card-5 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:100ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-5:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-3 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-circle-play' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpolygon points='10 8 16 12 10 16 10 8' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-circle-play' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpolygon points='10 8 16 12 10 16 10 8' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-card-6 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:150ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-6:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-4 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-list-checks' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m3 17 2 2 4-4' /%3E%3Cpath d='m3 7 2 2 4-4' /%3E%3Cpath d='M13 6h8' /%3E%3Cpath d='M13 12h8' /%3E%3Cpath d='M13 18h8' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-list-checks' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m3 17 2 2 4-4' /%3E%3Cpath d='m3 7 2 2 4-4' /%3E%3Cpath d='M13 6h8' /%3E%3Cpath d='M13 12h8' /%3E%3Cpath d='M13 18h8' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-card-7 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:200ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-7:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-5 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-award' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526' /%3E%3Ccircle cx='12' cy='8' r='6' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-award' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526' /%3E%3Ccircle cx='12' cy='8' r='6' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-card-8 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:250ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-8:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-6 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-user-round' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='8' r='5' /%3E%3Cpath d='M20 21a8 8 0 0 0-16 0' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-user-round' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='8' r='5' /%3E%3Cpath d='M20 21a8 8 0 0 0-16 0' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-card-9 {
  grid-column:span 2;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:300ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-9:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-7 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-sun-moon' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 8a2.83 2.83 0 0 0 4 4 4 4 0 1 1-4-4' /%3E%3Cpath d='M12 2v2' /%3E%3Cpath d='M12 20v2' /%3E%3Cpath d='m4.9 4.9 1.4 1.4' /%3E%3Cpath d='m17.7 17.7 1.4 1.4' /%3E%3Cpath d='M2 12h2' /%3E%3Cpath d='M20 12h2' /%3E%3Cpath d='m6.3 17.7-1.4 1.4' /%3E%3Cpath d='m19.1 4.9-1.4 1.4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-sun-moon' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 8a2.83 2.83 0 0 0 4 4 4 4 0 1 1-4-4' /%3E%3Cpath d='M12 2v2' /%3E%3Cpath d='M12 20v2' /%3E%3Cpath d='m4.9 4.9 1.4 1.4' /%3E%3Cpath d='m17.7 17.7 1.4 1.4' /%3E%3Cpath d='M2 12h2' /%3E%3Cpath d='M20 12h2' /%3E%3Cpath d='m6.3 17.7-1.4 1.4' /%3E%3Cpath d='m19.1 4.9-1.4 1.4' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-icon-8 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layout-dashboard' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='9' x='3' y='3' rx='1' /%3E%3Crect width='7' height='5' x='14' y='3' rx='1' /%3E%3Crect width='7' height='9' x='14' y='12' rx='1' /%3E%3Crect width='7' height='5' x='3' y='16' rx='1' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layout-dashboard' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='9' x='3' y='3' rx='1' /%3E%3Crect width='7' height='5' x='14' y='3' rx='1' /%3E%3Crect width='7' height='9' x='14' y='12' rx='1' /%3E%3Crect width='7' height='5' x='3' y='16' rx='1' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-icon-9 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-book-open' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 7v14' /%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-book-open' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 7v14' /%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-icon-10 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-users' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' /%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-users' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' /%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-icon-11 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-receipt' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z' /%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8' /%3E%3Cpath d='M12 17.5v-11' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-receipt' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z' /%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8' /%3E%3Cpath d='M12 17.5v-11' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-icon-12 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-folder-tree' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z' /%3E%3Cpath d='M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z' /%3E%3Cpath d='M3 5a2 2 0 0 0 2 2h3' /%3E%3Cpath d='M3 3v13a2 2 0 0 0 2 2h3' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-folder-tree' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z' /%3E%3Cpath d='M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z' /%3E%3Cpath d='M3 5a2 2 0 0 0 2 2h3' /%3E%3Cpath d='M3 3v13a2 2 0 0 0 2 2h3' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-icon-13 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-settings' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-settings' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-card-10 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:300ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-10:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-14 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-history' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' /%3E%3Cpath d='M3 3v5h5' /%3E%3Cpath d='M12 7v5l4 2' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-history' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' /%3E%3Cpath d='M3 3v5h5' /%3E%3Cpath d='M12 7v5l4 2' /%3E%3C/svg%3E") center/contain no-repeat;
}
.features-card-11 {
  grid-column:span 1;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:200px;
  animation:v3Rise .6s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:350ms;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.features-card-11:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-4px);
}
.features-icon-15 {
  width:22px;
  height:22px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-spreadsheet' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M8 13h2' /%3E%3Cpath d='M14 13h2' /%3E%3Cpath d='M8 17h2' /%3E%3Cpath d='M14 17h2' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-spreadsheet' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M8 13h2' /%3E%3Cpath d='M14 13h2' /%3E%3Cpath d='M8 17h2' /%3E%3Cpath d='M14 17h2' /%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- Screens ---------- */
.screens-section {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:64px var(--gutter) 24px;
}
.screens-box {
  max-width:820px;
  margin-bottom:36px;
}
.screens-box-2 {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0e5a66;
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:999px;
  padding:7px 14px 7px 10px;
  box-shadow:0 6px 16px -10px rgba(11,29,34,.3);
}
.screens-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a43a;
  box-shadow:0 0 0 4px rgba(240,164,58,.18);
}
.screens-heading {
  font:700 clamp(34px,3.6vw,60px)/1.02 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.04em;
  margin:18px 0 0;
  text-wrap:balance;
}
.screens-grid {
  display:grid;
  grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.screens-stack {
  display:flex;
  flex-direction:column;
  gap:6px;
  position:sticky;
  top:110px;
}
.screens-tab {
  position:relative;
  overflow:hidden;
  text-align:left;
  border:1px solid #e2ded5;
  background:#fff;
  color:#0b1d22;
  cursor:pointer;
  border-radius:14px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:14px;
  font:600 16px 'Hanken Grotesk',sans-serif;
  transition:background .25s,color .25s,border-color .25s;
}
.screens-label {
  font:500 12px 'JetBrains Mono',monospace;
  opacity:.6;
}
.screens-tab-bar {
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:100%;
  background:#f0a43a;
  transform-origin:left;
  transform:scaleX(0);
  animation:none;
}
.screens-card {
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 50px 100px -50px rgba(11,29,34,.5);
}
.screens-row {
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border-bottom:1px solid #ebe8e0;
  background:#faf9f6;
}
.screens-row-2 {
  display:flex;
  gap:6px;
}
.screens-dot-2 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#e9675a;
}
.screens-dot-3 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#f0b43a;
}
.screens-dot-4 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#5bc27a;
}
.screens-box-3 {
  flex:1;
  min-width:0;
  background:#f0eee8;
  border-radius:8px;
  padding:6px 12px;
  font:400 13px 'JetBrains Mono',monospace;
  color:#5b6b6e;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.screens-link {
  font:500 12px 'JetBrains Mono',monospace;
  color:#0e5a66;
  white-space:nowrap;
}
.screens-box-4 {
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#f6f7f9;
}
.screens-image {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
.screens-row-3 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 20px;
  border-top:1px solid #ebe8e0;
}
.screens-box-5 {
  font-size:15px;
  color:#4a5b5f;
  text-wrap:pretty;
}
.screens-strong {
  color:#0b1d22;
}
.screens-row-4 {
  display:flex;
  gap:8px;
  flex:none;
}
.screens-button {
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #e2ded5;
  background:#fff;
  cursor:pointer;
  font-size:16px;
  color:#0b1d22;
}
.screens-button:hover {
  border-color:#0b1d22;
}
.screens-button-2 {
  width:40px;
  height:40px;
  border-radius:50%;
  border:0;
  background:#0b1d22;
  color:#fff;
  cursor:pointer;
  font-size:16px;
}

/* ---------- Technology ---------- */
.technology-section {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:64px var(--gutter) 24px;
}
.technology-row {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  flex-wrap:wrap;
  margin-bottom:44px;
}
.technology-box {
  max-width:880px;
}
.technology-box-2 {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0e5a66;
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:999px;
  padding:7px 14px 7px 10px;
}
.technology-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a43a;
  box-shadow:0 0 0 4px rgba(240,164,58,.18);
}
.technology-heading {
  font:700 clamp(34px,3.6vw,60px)/1.02 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.04em;
  margin:20px 0 0;
  text-wrap:balance;
}
.technology-label {
  color:#0e5a66;
}
.technology-row-2 {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.technology-badge {
  font:600 13px 'JetBrains Mono',monospace;
  background:#0b1d22;
  color:#fff;
  border-radius:999px;
  padding:9px 14px;
}
.technology-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap:20px;
  align-items:stretch;
}
.technology-stack {
  position:relative;
  overflow:hidden;
  background:#0b1d22;
  color:#fff;
  border-radius:28px;
  padding:32px;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.technology-box-3 {
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f0a43a;
}
.technology-text {
  font-size:16px;
  line-height:1.6;
  color:#b9cbc8;
  margin:10px 0 0;
  max-width:520px;
}
.technology-stack-2 {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
}
.technology-stack-3 {
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.technology-card {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,0.03);
  border-radius:18px;
  padding:16px 18px;
  margin-left:0%;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s;
}
.technology-card:hover {
  transform:translateX(6px);
  border-color:#f0a43a;
}
.technology-label-2 {
  width:52px;
  height:52px;
  border-radius:14px;
  background:rgba(127,211,223,.12);
  display:grid;
  place-items:center;
}
.technology-icon {
  width:24px;
  height:24px;
  background:#7fd3df;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-monitor' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='3' rx='2' /%3E%3Cline x1='8' x2='16' y1='21' y2='21' /%3E%3Cline x1='12' x2='12' y1='17' y2='21' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-monitor' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='3' rx='2' /%3E%3Cline x1='8' x2='16' y1='21' y2='21' /%3E%3Cline x1='12' x2='12' y1='17' y2='21' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-box-4 {
  min-width:0;
}
.technology-box-5 {
  font:600 16px 'JetBrains Mono',monospace;
  color:#fff;
}
.technology-box-6 {
  font-size:14px;
  line-height:1.5;
  color:#b9cbc8;
  margin-top:4px;
  text-wrap:pretty;
}
.technology-badge-2 {
  font:600 11px 'JetBrains Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#cfe0dd;
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:5px 10px;
  white-space:nowrap;
}
.technology-row-3 {
  position:relative;
  height:34px;
  margin-left:calc(0% + 43px);
  display:flex;
  align-items:center;
  gap:10px;
}
.technology-box-7 {
  position:relative;
  width:2px;
  height:100%;
  background:rgba(240,164,58,.3);
  overflow:hidden;
}
.technology-label-3 {
  position:absolute;
  left:0;
  width:2px;
  height:12px;
  background:#f0a43a;
  box-shadow:0 0 10px #f0a43a;
  animation:v3Flow 1.6s linear infinite;
  animation-delay:0s;
}
.technology-label-4 {
  font:500 11px 'JetBrains Mono',monospace;
  color:#8fa7a4;
}
.technology-card-2 {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,0.05);
  border-radius:18px;
  padding:16px 18px;
  margin-left:4%;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s;
}
.technology-card-2:hover {
  transform:translateX(6px);
  border-color:#f0a43a;
}
.technology-icon-2 {
  width:24px;
  height:24px;
  background:#7fd3df;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-row-4 {
  position:relative;
  height:34px;
  margin-left:calc(4% + 43px);
  display:flex;
  align-items:center;
  gap:10px;
}
.technology-label-5 {
  position:absolute;
  left:0;
  width:2px;
  height:12px;
  background:#f0a43a;
  box-shadow:0 0 10px #f0a43a;
  animation:v3Flow 1.6s linear infinite;
  animation-delay:0.4s;
}
.technology-card-3 {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,0.07);
  border-radius:18px;
  padding:16px 18px;
  margin-left:8%;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s;
}
.technology-card-3:hover {
  transform:translateX(6px);
  border-color:#f0a43a;
}
.technology-icon-3 {
  width:24px;
  height:24px;
  background:#7fd3df;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-workflow' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='8' height='8' x='3' y='3' rx='2' /%3E%3Cpath d='M7 11v4a2 2 0 0 0 2 2h4' /%3E%3Crect width='8' height='8' x='13' y='13' rx='2' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-workflow' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='8' height='8' x='3' y='3' rx='2' /%3E%3Cpath d='M7 11v4a2 2 0 0 0 2 2h4' /%3E%3Crect width='8' height='8' x='13' y='13' rx='2' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-row-5 {
  position:relative;
  height:34px;
  margin-left:calc(8% + 43px);
  display:flex;
  align-items:center;
  gap:10px;
}
.technology-label-6 {
  position:absolute;
  left:0;
  width:2px;
  height:12px;
  background:#f0a43a;
  box-shadow:0 0 10px #f0a43a;
  animation:v3Flow 1.6s linear infinite;
  animation-delay:0.8s;
}
.technology-card-4 {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(240,164,58,.6);
  background:linear-gradient(135deg,rgba(240,164,58,.22),rgba(240,164,58,.06));
  border-radius:18px;
  padding:16px 18px;
  margin-left:12%;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s;
}
.technology-card-4:hover {
  transform:translateX(6px);
  border-color:#f0a43a;
}
.technology-label-7 {
  width:52px;
  height:52px;
  border-radius:14px;
  background:#f0a43a;
  display:grid;
  place-items:center;
}
.technology-icon-4 {
  width:24px;
  height:24px;
  background:#0b1d22;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-box' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' /%3E%3Cpath d='m3.3 7 8.7 5 8.7-5' /%3E%3Cpath d='M12 22V12' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-box' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' /%3E%3Cpath d='m3.3 7 8.7 5 8.7-5' /%3E%3Cpath d='M12 22V12' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-badge-3 {
  font:600 11px 'JetBrains Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#0b1d22;
  background:#f0a43a;
  border-radius:999px;
  padding:5px 10px;
  white-space:nowrap;
}
.technology-grid-2 {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));
  gap:12px;
  align-content:start;
}
.technology-card-5 {
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:20px;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;
}
.technology-card-5:hover {
  transform:translateY(-3px);
  box-shadow:0 24px 44px -28px rgba(11,29,34,.5);
  border-color:#0e5a66;
}
.technology-row-6 {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.technology-label-8 {
  font:600 11px 'JetBrains Mono',monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#0e5a66;
}
.technology-label-9 {
  width:34px;
  height:34px;
  border-radius:10px;
  background:#e3efec;
  display:grid;
  place-items:center;
}
.technology-icon-5 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layers' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z' /%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65' /%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layers' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z' /%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65' /%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-box-8 {
  font-size:15px;
  line-height:1.5;
  color:#0b1d22;
  text-wrap:pretty;
}
.technology-icon-6 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-database' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-7 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-cable' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1' /%3E%3Cpath d='M19 15V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V9' /%3E%3Cpath d='M21 21v-2h-4' /%3E%3Cpath d='M3 5h4V3' /%3E%3Cpath d='M7 5a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1V3' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-cable' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1' /%3E%3Cpath d='M19 15V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V9' /%3E%3Cpath d='M21 21v-2h-4' /%3E%3Cpath d='M3 5h4V3' /%3E%3Cpath d='M7 5a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1V3' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-8 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layout-template' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='7' x='3' y='3' rx='1' /%3E%3Crect width='9' height='7' x='3' y='14' rx='1' /%3E%3Crect width='5' height='7' x='16' y='14' rx='1' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-layout-template' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='7' x='3' y='3' rx='1' /%3E%3Crect width='9' height='7' x='3' y='14' rx='1' /%3E%3Crect width='5' height='7' x='16' y='14' rx='1' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-9 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-key-round' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z' /%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-key-round' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z' /%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-10 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-credit-card' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-credit-card' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-11 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-award' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526' /%3E%3Ccircle cx='12' cy='8' r='6' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-award' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526' /%3E%3Ccircle cx='12' cy='8' r='6' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-12 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-text' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M10 9H8' /%3E%3Cpath d='M16 13H8' /%3E%3Cpath d='M16 17H8' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-file-text' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M10 9H8' /%3E%3Cpath d='M16 13H8' /%3E%3Cpath d='M16 17H8' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-13 {
  width:17px;
  height:17px;
  background:#0e5a66;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-package' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z' /%3E%3Cpath d='M12 22V12' /%3E%3Cpath d='m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7' /%3E%3Cpath d='m7.5 4.27 9 5.15' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-package' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z' /%3E%3Cpath d='M12 22V12' /%3E%3Cpath d='m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7' /%3E%3Cpath d='m7.5 4.27 9 5.15' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-grid-3 {
  position:relative;
  overflow:hidden;
  margin-top:20px;
  border-radius:28px;
  background:linear-gradient(140deg,#0b1d22 0%,#0f3a42 60%,#0b1d22 100%);
  color:#fff;
  padding:clamp(28px,3.4vw,48px);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:clamp(28px,3vw,48px);
  box-shadow:0 60px 120px -60px rgba(11,29,34,.9);
}
.technology-decor {
  position:absolute;
  right:-140px;
  bottom:-160px;
  width:480px;
  height:480px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,164,58,.2),transparent 65%);
  filter:blur(20px);
  pointer-events:none;
}
.technology-stack-4 {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:18px;
  max-width:420px;
}
.technology-box-9 {
  font:700 clamp(28px,2.6vw,42px)/1.05 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.technology-row-7 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
}
.technology-badge-4 {
  font:500 12px 'JetBrains Mono',monospace;
  color:#cfe0dd;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:6px 12px;
}
.technology-grid-4 {
  position:relative;
  grid-column:span 2;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:12px;
}
.technology-card-6 {
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:background .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);
}
.technology-card-6:hover {
  background:rgba(255,255,255,.08);
  border-color:rgba(240,164,58,.55);
  transform:translateY(-3px);
}
.technology-label-10 {
  width:44px;
  height:44px;
  border-radius:13px;
  background:linear-gradient(145deg,rgba(240,164,58,.3),rgba(240,164,58,.06));
  border:1px solid rgba(240,164,58,.45);
  display:grid;
  place-items:center;
}
.technology-icon-14 {
  width:20px;
  height:20px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-shield-check' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-shield-check' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-box-10 {
  font:700 17px/1.25 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.01em;
}
.technology-box-11 {
  font-size:14px;
  line-height:1.6;
  color:#b9cbc8;
  text-wrap:pretty;
}
.technology-icon-15 {
  width:20px;
  height:20px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-lock' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' /%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-lock' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' /%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-16 {
  width:20px;
  height:20px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-badge-dollar-sign' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z' /%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8' /%3E%3Cpath d='M12 18V6' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-badge-dollar-sign' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z' /%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8' /%3E%3Cpath d='M12 18V6' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-17 {
  width:20px;
  height:20px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-clipboard-check' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1' /%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2' /%3E%3Cpath d='m9 14 2 2 4-4' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-clipboard-check' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1' /%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2' /%3E%3Cpath d='m9 14 2 2 4-4' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-18 {
  width:20px;
  height:20px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-ban' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m4.9 4.9 14.2 14.2' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-ban' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m4.9 4.9 14.2 14.2' /%3E%3C/svg%3E") center/contain no-repeat;
}
.technology-icon-19 {
  width:20px;
  height:20px;
  background:#f0a43a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-fingerprint' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4' /%3E%3Cpath d='M14 13.12c0 2.38 0 6.38-1 8.88' /%3E%3Cpath d='M17.29 21.02c.12-.6.43-2.3.5-3.02' /%3E%3Cpath d='M2 12a10 10 0 0 1 18-6' /%3E%3Cpath d='M2 16h.01' /%3E%3Cpath d='M21.8 16c.2-2 .131-5.354 0-6' /%3E%3Cpath d='M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2' /%3E%3Cpath d='M8.65 22c.21-.66.45-1.32.57-2' /%3E%3Cpath d='M9 6.8a6 6 0 0 1 9 5.2v2' /%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg class='lucide lucide-fingerprint' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4' /%3E%3Cpath d='M14 13.12c0 2.38 0 6.38-1 8.88' /%3E%3Cpath d='M17.29 21.02c.12-.6.43-2.3.5-3.02' /%3E%3Cpath d='M2 12a10 10 0 0 1 18-6' /%3E%3Cpath d='M2 16h.01' /%3E%3Cpath d='M21.8 16c.2-2 .131-5.354 0-6' /%3E%3Cpath d='M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2' /%3E%3Cpath d='M8.65 22c.21-.66.45-1.32.57-2' /%3E%3Cpath d='M9 6.8a6 6 0 0 1 9 5.2v2' /%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- Deploy ---------- */
.deploy-section {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:64px var(--gutter) 24px;
}
.deploy-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap:48px;
  align-items:center;
}
.deploy-box {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0e5a66;
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:999px;
  padding:7px 14px 7px 10px;
  box-shadow:0 6px 16px -10px rgba(11,29,34,.3);
}
.deploy-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a43a;
  box-shadow:0 0 0 4px rgba(240,164,58,.18);
}
.deploy-heading {
  font:700 clamp(34px,3.6vw,60px)/1.02 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.04em;
  margin:18px 0 18px;
  text-wrap:balance;
}
.deploy-text {
  font-size:18px;
  line-height:1.65;
  color:#4a5b5f;
  margin:0 0 28px;
  text-wrap:pretty;
}
.deploy-grid-2 {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.deploy-box-2 {
  border-top:1.5px solid #0b1d22;
  padding-top:14px;
}
.deploy-box-3 {
  font:500 12px 'JetBrains Mono',monospace;
  color:#0e5a66;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.deploy-box-4 {
  font-size:15px;
  line-height:1.5;
  margin-top:6px;
}
.deploy-box-5 {
  background:#0b1d22;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 50px 100px -50px rgba(11,29,34,.8);
}
.deploy-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.deploy-row-2 {
  display:flex;
  gap:6px;
}
.deploy-dot-2 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#e9675a;
}
.deploy-dot-3 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#f0b43a;
}
.deploy-dot-4 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#5bc27a;
}
.deploy-row-3 {
  display:flex;
  gap:4px;
}
.deploy-tab {
  border:0;
  cursor:pointer;
  font:500 12px 'JetBrains Mono',monospace;
  padding:6px 12px;
  border-radius:8px;
  background:transparent;
  color:#9fb4b1;
}
.deploy-button {
  border:1px solid rgba(255,255,255,.18);
  background:transparent;
  color:#fff;
  cursor:pointer;
  font:500 12px 'JetBrains Mono',monospace;
  padding:6px 12px;
  border-radius:8px;
}
.deploy-button:hover {
  border-color:#f0a43a;
}
.deploy-code {
  margin:0;
  padding:24px 22px 28px;
  min-height:280px;
  font:400 14px/1.85 'JetBrains Mono',monospace;
  color:#d8e6e3;
  white-space:pre-wrap;
  word-break:break-word;
}
.deploy-label {
  display:inline-block;
  width:8px;
  height:16px;
  background:#f0a43a;
  vertical-align:-3px;
  animation:v3Blink 1s steps(1) infinite;
}

/* ---------- AI-ready ---------- */
.ai-ready-section {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:64px var(--gutter) 24px;
}
.ai-ready-grid {
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:linear-gradient(135deg,#0b1d22 0%,#10323a 55%,#1a1640 100%);
  color:#fff;
  padding:64px 56px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  gap:56px;
  align-items:center;
  box-shadow:0 60px 120px -60px rgba(11,29,34,.9);
}
.ai-ready-decor {
  position:absolute;
  right:-140px;
  top:-140px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(118,52,255,.35),transparent 65%);
  filter:blur(20px);
  animation:v4Drift2 18s ease-in-out infinite;
  pointer-events:none;
}
.ai-ready-decor-2 {
  position:absolute;
  left:-120px;
  bottom:-160px;
  width:480px;
  height:480px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,164,58,.22),transparent 65%);
  filter:blur(20px);
  animation:v4Drift1 22s ease-in-out infinite;
  pointer-events:none;
}
.ai-ready-box {
  position:relative;
}
.ai-ready-box-2 {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f0a43a;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:7px 14px 7px 10px;
}
.ai-ready-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a43a;
  box-shadow:0 0 0 4px rgba(240,164,58,.18);
}
.ai-ready-heading {
  font:700 clamp(32px,3.2vw,54px)/1.04 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.04em;
  margin:20px 0 16px;
  text-wrap:balance;
}
.ai-ready-label {
  background:linear-gradient(90deg,#e8795a,#a78bfa,#5b9dff,#e8795a);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:v4Shine 6s linear infinite;
}
.ai-ready-text {
  font-size:17px;
  line-height:1.65;
  color:#b9cbc8;
  margin:0 0 32px;
  max-width:560px;
  text-wrap:pretty;
}
.ai-ready-grid-2 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:520px;
}
.ai-ready-card {
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  padding:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s;
}
.ai-ready-card:hover {
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.09);
}
.ai-ready-grid-3 {
  width:68px;
  height:68px;
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
  padding:12px;
  box-sizing:border-box;
  box-shadow:0 16px 30px -16px rgba(0,0,0,.7);
  animation:v3Float 6s ease-in-out infinite;
  animation-delay:0s;
}
.ai-ready-image {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ai-ready-label-2 {
  font-weight:600;
  font-size:14px;
}
.ai-ready-grid-4 {
  width:68px;
  height:68px;
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
  padding:12px;
  box-sizing:border-box;
  box-shadow:0 16px 30px -16px rgba(0,0,0,.7);
  animation:v3Float 6s ease-in-out infinite;
  animation-delay:.8s;
}
.ai-ready-grid-5 {
  width:68px;
  height:68px;
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
  padding:12px;
  box-sizing:border-box;
  box-shadow:0 16px 30px -16px rgba(0,0,0,.7);
  animation:v3Float 6s ease-in-out infinite;
  animation-delay:1.6s;
}
.ai-ready-card-2 {
  position:relative;
  background:rgba(5,14,17,.75);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.9);
  transform:perspective(1400px) rotateY(-6deg);
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.ai-ready-card-2:hover {
  transform:perspective(1400px) rotateY(0deg);
}
.ai-ready-row {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ai-ready-row-2 {
  display:flex;
  gap:6px;
}
.ai-ready-dot-2 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#e9675a;
}
.ai-ready-dot-3 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#f0b43a;
}
.ai-ready-dot-4 {
  width:11px;
  height:11px;
  border-radius:50%;
  background:#5bc27a;
}
.ai-ready-badge {
  font:500 12px 'JetBrains Mono',monospace;
  color:#f0a43a;
  background:rgba(240,164,58,.12);
  border-radius:6px;
  padding:4px 10px;
}
.ai-ready-label-3 {
  font:400 12px 'JetBrains Mono',monospace;
  color:#6f8784;
}
.ai-ready-grid-6 {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  padding:18px 0 22px;
}
.ai-ready-label-4 {
  font:400 13px/2 'JetBrains Mono',monospace;
  color:#4d6461;
  text-align:right;
  padding-right:14px;
}
.ai-ready-label-5 {
  font:600 14px/2 'JetBrains Mono',monospace;
  color:#f0a43a;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:0ms;
}
.ai-ready-label-6 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#d8e6e3;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:90ms;
}
.ai-ready-label-7 {
  font:600 14px/2 'JetBrains Mono',monospace;
  color:#a78bfa;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:180ms;
}
.ai-ready-label-8 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#d8e6e3;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:270ms;
}
.ai-ready-label-9 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#8fa7a4;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:360ms;
}
.ai-ready-label-10 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#d8e6e3;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:450ms;
}
.ai-ready-label-11 {
  font:600 14px/2 'JetBrains Mono',monospace;
  color:#a78bfa;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:540ms;
}
.ai-ready-label-12 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#d8e6e3;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:630ms;
}
.ai-ready-label-13 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#8fa7a4;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:720ms;
}
.ai-ready-label-14 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#d8e6e3;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:810ms;
}
.ai-ready-label-15 {
  font:600 14px/2 'JetBrains Mono',monospace;
  color:#a78bfa;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:900ms;
}
.ai-ready-label-16 {
  font:400 14px/2 'JetBrains Mono',monospace;
  color:#d8e6e3;
  white-space:pre-wrap;
  padding-right:18px;
  animation:v3Rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:990ms;
}

/* ---------- Licence ---------- */
.licence-section {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:64px var(--gutter) 24px;
}
.licence-box {
  max-width:820px;
  margin-bottom:36px;
}
.licence-box-2 {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0e5a66;
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:999px;
  padding:7px 14px 7px 10px;
  box-shadow:0 6px 16px -10px rgba(11,29,34,.3);
}
.licence-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0a43a;
  box-shadow:0 0 0 4px rgba(240,164,58,.18);
}
.licence-heading {
  font:700 clamp(34px,3.6vw,60px)/1.02 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.04em;
  margin:18px 0 18px;
  text-wrap:balance;
}
.licence-text {
  font-size:18px;
  line-height:1.65;
  color:#4a5b5f;
  margin:0;
}
.licence-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap:16px;
}
.licence-card {
  background:#fff;
  border:1px solid #e2ded5;
  border-radius:24px;
  padding:30px;
}
.licence-row {
  display:flex;
  align-items:center;
  gap:10px;
  font:700 20px 'Bricolage Grotesque',sans-serif;
  margin-bottom:18px;
}
.licence-dot-2 {
  width:28px;
  height:28px;
  border-radius:50%;
  background:#dff3e8;
  color:#1a8a55;
  display:grid;
  place-items:center;
  font-size:15px;
}
.licence-box-3 {
  font-size:16px;
  line-height:1.5;
  padding:10px 0;
  border-top:1px solid #f0eee8;
}
.licence-dot-3 {
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fbe6e3;
  color:#c4453a;
  display:grid;
  place-items:center;
  font-size:15px;
}
.licence-box-4 {
  font:600 13px 'JetBrains Mono',monospace;
  color:#5b6b6e;
  margin:22px 0 8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.licence-box-5 {
  font-size:14px;
  line-height:1.5;
  color:#5b6b6e;
  padding:5px 0;
}
.licence-stack {
  position:relative;
  overflow:hidden;
  background:#0b1d22;
  color:#fff;
  border-radius:24px;
  padding:30px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.licence-decor {
  position:absolute;
  right:-60px;
  bottom:-60px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(118,52,255,.5),transparent 70%);
}
.licence-box-6 {
  position:relative;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f0a43a;
}
.licence-image {
  position:relative;
  height:40px;
  width:auto;
  align-self:flex-start;
}
.licence-text-2 {
  position:relative;
  font-size:15px;
  line-height:1.6;
  color:#b9cbc8;
  margin:0;
}
.licence-link {
  position:relative;
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:600;
  font-size:16px;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:18px;
}
.licence-link:hover {
  color:#f0a43a;
}

/* ---------- Live demo call to action ---------- */
.demo-section {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:64px var(--gutter) 56px;
}
.demo-box {
  position:relative;
  overflow:hidden;
  border-radius:36px;
  background:#0b1d22;
  color:#fff;
  box-shadow:0 70px 140px -70px rgba(14,90,102,.95);
}
.demo-decor {
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,#0b1d22 0%,#0e4a54 45%,#12707a 75%,#0b1d22 100%);
  background-size:300% 300%;
  animation:v4Grad 16s ease infinite;
}
.demo-decor-2 {
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 60% 80% at 75% 50%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 60% 80% at 75% 50%,#000,transparent);
}
.demo-decor-3 {
  position:absolute;
  right:-160px;
  top:-200px;
  width:620px;
  height:620px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,164,58,.32),transparent 65%);
  filter:blur(30px);
  animation:v4Drift1 18s ease-in-out infinite;
}
.demo-decor-4 {
  position:absolute;
  left:30%;
  bottom:-260px;
  width:560px;
  height:560px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(118,52,255,.28),transparent 65%);
  filter:blur(30px);
  animation:v4Drift2 22s ease-in-out infinite;
}
.demo-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));
  gap:48px;
  align-items:center;
  padding:clamp(48px,5vw,80px) clamp(28px,4vw,64px);
}
.demo-box-2 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font:600 12px 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7ee0b5;
  background:rgba(126,224,181,.1);
  border:1px solid rgba(126,224,181,.3);
  border-radius:999px;
  padding:7px 14px;
}
.demo-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7ee0b5;
  animation:v3Pulse 1.6s ease-in-out infinite;
}
.demo-heading {
  font:800 clamp(40px,4.6vw,80px)/.98 'Bricolage Grotesque',sans-serif;
  letter-spacing:-.05em;
  margin:22px 0 18px;
  text-wrap:balance;
}
.demo-label {
  background:linear-gradient(90deg,#f0a43a,#ffd38a,#f0a43a);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:v4Shine 5s linear infinite;
}
.demo-text {
  font-size:18px;
  line-height:1.6;
  color:#cfe0dd;
  margin:0 0 32px;
  max-width:520px;
  text-wrap:pretty;
}
.demo-row {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.demo-button {
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#0b1d22;
  font-weight:600;
  font-size:17px;
  padding:17px 26px;
  border-radius:14px;
  box-shadow:0 18px 40px -16px rgba(255,255,255,.45);
  transition:transform .25s;
}
.demo-button:hover {
  transform:translateY(-2px);
  color:#0b1d22;
}
.demo-button-2 {
  display:inline-flex;
  align-items:center;
  color:#fff;
  font-weight:600;
  font-size:17px;
  padding:15.5px 26px;
  border-radius:14px;
  border:1.5px solid rgba(255,255,255,.55);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  background:rgba(255,255,255,.06);
  transition:background .25s,color .25s;
}
.demo-button-2:hover {
  background:#fff;
  color:#0b1d22;
}
.demo-button-3 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  background:#05110f;
  font-weight:600;
  font-size:17px;
  padding:17px 26px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  transition:transform .25s,box-shadow .25s;
}
.demo-button-3:hover {
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 34px -12px rgba(118,52,255,.85);
}
.demo-image {
  height:22px;
  width:auto;
  display:block;
}
.demo-box-3 {
  position:relative;
  min-height:clamp(320px,32vw,480px);
  perspective:1600px;
}
.demo-decor-5 {
  position:absolute;
  left:4%;
  right:0;
  top:8%;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 50px 100px -40px rgba(0,0,0,.8);
  transform:rotateY(-12deg) rotateX(6deg);
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.demo-decor-5:hover {
  transform:rotateY(0) rotateX(0);
}
.demo-row-2 {
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  background:#f3f1ec;
  border-bottom:1px solid #e2ded5;
}
.demo-row-3 {
  display:flex;
  gap:6px;
}
.demo-dot-2 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e9675a;
}
.demo-dot-3 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#f0b43a;
}
.demo-dot-4 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#5bc27a;
}
.demo-row-4 {
  flex:1;
  background:#fff;
  border-radius:7px;
  padding:5px 10px;
  font:400 12px 'JetBrains Mono',monospace;
  color:#5b6b6e;
  display:flex;
  align-items:center;
  gap:8px;
}
.demo-dot-5 {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#5bc27a;
}
.demo-image-2 {
  display:block;
  width:100%;
  height:clamp(220px,24vw,360px);
  object-fit:cover;
  object-position:top;
}
.demo-row-5 {
  position:absolute;
  left:-2%;
  bottom:4%;
  z-index:2;
  --r:-3deg;
  animation:v4Chip 7s ease-in-out infinite;
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#0b1d22;
  border-radius:14px;
  padding:11px 15px;
  box-shadow:0 24px 44px -20px rgba(0,0,0,.7);
}
.demo-label-2 {
  width:32px;
  height:32px;
  border-radius:9px;
  background:#e3efec;
  display:grid;
  place-items:center;
  color:#0e5a66;
  font:700 13px 'JetBrains Mono',monospace;
}
.demo-box-4 {
  font-weight:700;
  font-size:13px;
}
.demo-box-5 {
  font:400 11px 'JetBrains Mono',monospace;
  color:#5b6b6e;
}
.demo-row-6 {
  position:absolute;
  right:-1%;
  top:0;
  z-index:2;
  --r:3deg;
  animation:v4Chip 8s 1s ease-in-out infinite;
  display:flex;
  align-items:center;
  gap:8px;
  background:#f0a43a;
  color:#0b1d22;
  border-radius:999px;
  padding:9px 15px;
  font:600 13px 'JetBrains Mono',monospace;
  box-shadow:0 20px 40px -18px rgba(240,164,58,.9);
}

/* ---------- Footer ---------- */
.footer-section {
  border-top:1px solid #e2ded5;
}
.footer-row {
  width:100%;
  max-width:var(--container-max);
  box-sizing:border-box;
  margin:0 auto;
  padding:22px var(--gutter);
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  color:#5b6b6e;
}
.footer-row-2 {
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-image {
  width:24px;
  height:24px;
  border-radius:6px;
}
.footer-label {
  font:700 16px 'Bricolage Grotesque',sans-serif;
  color:#0b1d22;
}

.hero-tour-arrow {
  font-size: 18px;
  line-height: 1;
}

/* ---------- Interactive states (toggled by js/main.js) ---------- */
.site-header.is-scrolled { background: rgba(255,255,255,.86); border-bottom-color: #e2ded5; box-shadow: 0 12px 30px -18px rgba(11,29,34,.35); }
.nav-link.is-active { color: #0e5a66; font-weight: 700; }
.nav-link.is-active .nav-link-bar { transform: scaleX(1); }
.hero-fan-dot.is-active { width: 26px; background: #0e5a66; }
.features-tab.is-active { background: #f0a43a; color: #0b1d22; }
.screens-tab.is-active { border-color: #0b1d22; background: #0b1d22; color: #fff; }
.screens-tab.is-active .screens-tab-bar { animation: v3Bar 6s linear forwards; }
.screens-paused .screens-tab.is-active .screens-tab-bar { animation: none; }
.deploy-tab.is-active { background: rgba(240,164,58,.18); color: #f0a43a; }
.included-card.is-active { background: #fff; border-color: #0e5a66; transform: translateY(-4px); box-shadow: 0 26px 50px -30px rgba(11,29,34,.5); }
.included-tree-row.is-active { background: rgba(240,164,58,.14); }
.included-tree-row.is-active .included-tree-icon { background: #f0a43a; }
.included-tree-row.is-active .included-tree-name { color: #fff; }
.scroll-top.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .screens-section [class*="screens-grid"], #screens > div:last-child { grid-template-columns: minmax(0,1fr) !important; }
  #screens > div:last-child > div:first-child { position: static !important; flex-direction: row !important; flex-wrap: wrap; }
}
@media (max-width: 700px) {
  .features-grid > *, #tech [style], #tech .technology-grid > * { grid-column: auto !important; grid-row: auto !important; }
  .features-grid > * { grid-column: auto !important; grid-row: auto !important; }
  #tech div > div { grid-column: auto !important; }
  #hero-fan > div[class*="hero"]:not(.hero-fan-card) { display: none; }
}