/* =========================================================
   SOFlow landing page — custom.css
   All styles for soflow-landing.html, grouped by section.
   ========================================================= */

/* ---------- Tokens & hybrid container ----------
   Small/medium screens: content uses 100% of the width (with side gutters).
   Large/XL screens: content is capped (1660px → 1840px) and centred.
   Section backgrounds always stretch full width. */
:root{
  --container-max:100%;
  --gutter:clamp(16px,2.6vw,32px);
}
@media (min-width:1200px){:root{--container-max:1660px}}
@media (min-width:1760px){:root{--container-max:1720px}}
@media (min-width:1920px){:root{--container-max:1840px}}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:#F5F7F6;color:#0F2E2A;font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%}
a{color:#068A8C;text-decoration:none}
a:hover{color:#0F2E2A}
/* Font scale: display type uses clamp(min, vw, max) so it grows fluidly and
   stops at its design size — proportional from phones up to 1660–1920px+. */

/* =========================================================
   Page-level
   ========================================================= */
.page-wrapper{
  min-height:100vh;
  overflow-x:clip;
}
.page-progress-bar{
  position:fixed;
  top:0;
  left:0;
  height:3px;
  z-index:60;
  background:linear-gradient(90deg,#068A8C,#1DD9D2);
  width:0%;
}
.scroll-top-button{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:50;
  width:48px;
  height:48px;
  border-radius:10px;
  border:1px solid #0F2E2A;
  background:#0F2E2A;
  color:#1DD9D2;
  font-family:inherit;
  font-size:20px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 32px rgba(15,46,42,0.14);
  transition:opacity .3s,transform .3s,background .2s;
  opacity:0;
  pointer-events:none;
  transform:translateY(16px);
}
.scroll-top-button:hover{
  background:#1DD9D2;
  color:#0F2E2A;
}

/* =========================================================
   Header
   ========================================================= */
.header-section{
  position:sticky;
  top:14px;
  z-index:40;
  padding:0 var(--gutter);
}
.header-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:10px 10px 10px 20px;
  border-radius:16px;
  background:rgba(255,255,255,0.78);
  backdrop-filter:blur(16px) saturate(1.4);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 10px 40px rgba(15,46,42,0.04);
}
.header-link-1{
  display:flex;
  flex-shrink:0;
}
.header-image-1{
  height:44px;
  display:block;
}
.header-nav-1{
  display:flex;
  gap:6px;
  flex:1 1 auto;
  min-width:0;
  justify-content:center;
  overflow:hidden;
  flex-wrap:wrap;
  height:40px;
  white-space:nowrap;
}
.header-link-2{
  display:flex;
  align-items:center;
  height:40px;
  padding:0 14px;
  border-radius:10px;
  color:#2F4B46;
  font-size:14px;
  font-weight:600;
}
.header-link-2:hover{
  background:#EAF3F1;
  color:#0F2E2A;
}
.header-box-2{
  display:flex;
  align-items:stretch;
  gap:8px;
  flex-shrink:0;
}
.header-link-3{
  display:flex;
  align-items:center;
  height:44px;
  padding:0 18px;
  border-radius:10px;
  border:1px solid #0F2E2A;
  background:#0F2E2A;
  color:#fff;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  transition:background .2s;
}
.header-link-3:hover{
  background:#068A8C;
  border-color:#068A8C;
  color:#fff;
}
.header-link-4{
  display:flex;
  align-items:center;
  gap:8px;
  height:44px;
  padding:0 16px;
  border-radius:10px;
  border:1px solid #15161C;
  background:#15161C;
  color:#fff;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  transition:background .2s;
}
.header-link-4:hover{
  background:#262833;
  color:#fff;
}
.header-image-2{
  height:17px;
  display:block;
}

/* =========================================================
   Hero
   ========================================================= */
.hero-section{
  position:relative;
  margin-top:-72px;
  padding:150px var(--gutter) 110px;
  background:#0A201D;
  color:#fff;
  overflow:hidden;
}
.hero-box-1{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hero-box-2{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 20%,transparent 75%);
  mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 20%,transparent 75%);
}
.hero-box-3{
  position:absolute;
  width:900px;
  height:900px;
  left:-300px;
  top:-380px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.32),transparent 62%);
  filter:blur(20px);
}
.hero-box-4{
  position:absolute;
  width:1000px;
  height:1000px;
  right:-320px;
  top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(6,138,140,0.45),transparent 62%);
  filter:blur(30px);
}
.hero-box-5{
  position:absolute;
  width:600px;
  height:600px;
  left:35%;
  bottom:-360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(110,140,255,0.2),transparent 62%);
  filter:blur(30px);
}
.hero-box-6{
  position:absolute;
  top:0;
  left:22%;
  width:1px;
  height:100%;
  background:linear-gradient(180deg,transparent,rgba(29,217,210,0.5),transparent);
}
.hero-box-7{
  position:absolute;
  top:0;
  left:64%;
  width:1px;
  height:100%;
  background:linear-gradient(180deg,transparent,rgba(29,217,210,0.35),transparent);
}
.hero-box-8{
  position:relative;
  max-width:var(--container-max);
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:56px;
  align-items:center;
}
.hero-box-9{
  flex:1 1 520px;
  min-width:0;
  max-width:760px;
}
.hero-link-1{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:6px 14px 6px 6px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.14);
  color:#DDEBE8;
  font-size:14px;
  font-weight:500;
  margin-bottom:30px;
  backdrop-filter:blur(8px);
}
.hero-link-1:hover{
  border-color:#1DD9D2;
  color:#fff;
}
.hero-label-1{
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:#1DD9D2;
  color:#0A201D;
  font-family:'Geist Mono',monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.08em;
}
.hero-label-2{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#0A201D;
}
.hero-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(48px,6.2vw,104px);
  line-height:0.94;
  letter-spacing:-0.045em;
  font-weight:800;
  margin:0 0 22px;
  text-wrap:balance;
}
.hero-label-3{
  background:linear-gradient(100deg,#1DD9D2 0%,#9CF7F1 50%,#1DD9D2 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-box-10{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(22px,2.2vw,32px);
  font-weight:600;
  letter-spacing:-0.02em;
  margin-bottom:26px;
  color:#B9D3CE;
}
.hero-label-4{
  position:relative;
  display:inline-flex;
  align-items:center;
  height:1.5em;
  padding:0 14px;
  border-radius:10px;
  background:rgba(29,217,210,0.12);
  border:1px solid rgba(29,217,210,0.35);
  color:#fff;
  overflow:hidden;
}
.hero-label-5{
  display:block;
  white-space:nowrap;
}
.hero-text-1{
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.65;
  color:#9FBDB7;
  margin:0 0 36px;
  max-width:620px;
  text-wrap:pretty;
}
.hero-box-11{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:40px;
}
.hero-link-2{
  display:flex;
  align-items:center;
  gap:10px;
  height:56px;
  padding:0 28px;
  border-radius:10px;
  border:1px solid #1DD9D2;
  background:#1DD9D2;
  color:#0A201D;
  font-size:16px;
  font-weight:700;
  box-shadow:0 14px 40px rgba(29,217,210,0.16);
  transition:transform .2s,background .2s;
}
.hero-link-2:hover{
  background:#fff;
  border-color:#fff;
  color:#0A201D;
  transform:translateY(-2px);
}
.hero-label-6{
  font-size:18px;
}
.hero-link-3{
  display:flex;
  align-items:center;
  gap:10px;
  height:56px;
  padding:0 26px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.2);
  background:rgba(255,255,255,0.04);
  color:#fff;
  font-size:16px;
  font-weight:600;
  transition:transform .2s,border-color .2s;
}
.hero-link-3:hover{
  border-color:#1DD9D2;
  color:#fff;
  transform:translateY(-2px);
}
.hero-label-7{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(29,217,210,0.2);
  color:#1DD9D2;
  font-size:10px;
}
.hero-box-12{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:14px;
  overflow:hidden;
  max-width:640px;
}
.hero-box-13{
  background:#0E2825;
  padding:16px 18px;
}
.hero-box-14{
  font-size:18px;
  font-weight:700;
}
.hero-box-15{
  font-size:12px;
  color:#8FAAA4;
  margin-top:2px;
}
.hero-box-16{
  flex:1.25 1 560px;
  min-width:0;
  position:relative;
  padding:3% 4%;
}
.hero-box-17{
  perspective:2200px;
}
.hero-box-18{
  position:relative;
  width:100%;
  aspect-ratio:16/12;
  transform-style:preserve-3d;
  transform:rotateY(-16deg) rotateX(8deg);
}
.hero-box-19{
  position:absolute;
  right:3%;
  top:4%;
  width:72%;
  transform:translateZ(-160px);
  border-radius:16px;
  padding:6px;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:0 40px 90px -20px rgba(0,0,0,0.27);
}
.hero-box-20{
  border-radius:11px;
  overflow:hidden;
  background:#fff;
}
.hero-image-1{
  width:100%;
  display:block;
}
.hero-box-21{
  position:absolute;
  right:10%;
  top:18%;
  width:74%;
  transform:translateZ(-70px);
  border-radius:16px;
  padding:6px;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:0 40px 90px -20px rgba(0,0,0,0.27);
}
.hero-box-22{
  position:absolute;
  left:3%;
  bottom:8%;
  width:80%;
  transform:translateZ(20px);
  border-radius:16px;
  padding:6px;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:0 40px 90px -20px rgba(0,0,0,0.27);
}
.hero-box-23{
  position:absolute;
  left:0;
  top:8%;
  width:clamp(200px,17vw,260px);
  text-align:left;
  padding:18px;
  border-radius:16px;
  background:#0F2E2A;
  color:#fff;
  box-shadow:0 24px 60px rgba(15,46,42,0.16);
}
.hero-box-24{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  color:#1DD9D2;
  margin-bottom:10px;
}
.hero-box-25{
  display:flex;
  gap:18px;
  align-items:flex-end;
}
.hero-box-26{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:34px;
  font-weight:800;
  color:#5CF0C8;
  line-height:1;
}
.hero-box-27{
  font-size:11px;
  color:#9FBDB7;
  margin-top:4px;
}
.hero-box-28{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:34px;
  font-weight:800;
  color:#FF8A6B;
  line-height:1;
}
.hero-box-29{
  position:absolute;
  right:0;
  top:0;
  width:clamp(220px,18vw,270px);
  text-align:left;
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  color:#0F2E2A;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 24px 60px rgba(0,0,0,0.14);
}
.hero-box-30{
  display:flex;
  align-items:center;
  gap:16px;
}
.hero-box-31{
  position:relative;
  width:72px;
  height:72px;
  flex-shrink:0;
}
.hero-icon-1{
  display:block;
  transform:rotate(-90deg);
}
.hero-box-32{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;
  font-size:20px;
  letter-spacing:-0.02em;
  color:#0F2E2A;
}
.hero-label-8{
  font-size:12px;
  font-weight:700;
  margin-left:1px;
}
.hero-box-33{
  min-width:0;
}
.hero-box-34{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  letter-spacing:0.1em;
  color:#C46A12;
  margin-bottom:4px;
}
.hero-box-35{
  font-size:15px;
  font-weight:700;
  color:#0F2E2A;
}
.hero-box-36{
  font-size:12px;
  color:#5A716C;
  margin-top:2px;
}
.hero-box-37{
  position:absolute;
  color:#0F2E2A;
  right:0;
  bottom:12%;
  width:clamp(240px,19vw,290px);
  text-align:left;
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 24px 60px rgba(0,0,0,0.14);
}
.hero-box-38{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}
.hero-label-9{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  letter-spacing:0.1em;
  color:#068A8C;
}
.hero-label-10{
  font-size:11px;
  font-weight:700;
  color:#0B5E5B;
  background:#CFF3EF;
  border-radius:6px;
  padding:2px 7px;
}
.hero-box-39{
  display:grid;
  gap:10px;
}
.hero-box-40{
  display:grid;
  grid-template-columns:64px 1fr 36px;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:600;
  color:#0F2E2A;
}
.hero-box-41{
  height:8px;
  border-radius:9px;
  background:#EEF3F1;
  overflow:hidden;
}
.hero-box-42{
  height:100%;
  width:72%;
  border-radius:9px;
  background:#E8872B;
}
.hero-label-11{
  text-align:right;
  font-family:'Geist Mono',monospace;
  font-size:12px;
}
.hero-box-43{
  height:100%;
  width:54%;
  border-radius:9px;
  background:#068A8C;
}
.hero-box-44{
  height:100%;
  width:38%;
  border-radius:9px;
  background:#3D7BF0;
}
.hero-box-45{
  position:absolute;
  color:#0F2E2A;
  left:6%;
  bottom:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px 12px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 24px 60px rgba(15,46,42,0.08);
  text-align:left;
}
.hero-box-46{
  width:36px;
  height:36px;
  border-radius:10px;
  background:#1DD9D2;
  color:#0F2E2A;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}
.hero-box-47{
  font-size:13px;
  font-weight:700;
}
.hero-box-48{
  font-size:12px;
  color:#5A716C;
}

/* =========================================================
   Module marquee
   ========================================================= */
.marquee-section{
  padding:36px 0;
  overflow:hidden;
  background:#1DD9D2;
}
.marquee-box-1{
  text-align:center;
  font-family:'Geist Mono',monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.14em;
  color:#0F2E2A;
  margin-bottom:20px;
}
.marquee-box-2{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.marquee-box-3{
  display:flex;
  gap:14px;
  width:max-content;
}
.marquee-box-4{
  display:flex;
  align-items:center;
  gap:10px;
  height:48px;
  padding:0 20px;
  border-radius:12px;
  background:#0F2E2A;
  color:#fff;
  border:1px solid #0F2E2A;
  font-size:15px;
  font-weight:600;
  white-space:nowrap;
}
.marquee-label-1{
  width:8px;
  height:8px;
  border-radius:2px;
  background:#1DD9D2;
  transform:rotate(45deg);
}

/* =========================================================
   Numbers
   ========================================================= */
.numbers-section{
  padding:32px var(--gutter);
}
.numbers-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
}
.numbers-box-2{
  padding:30px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  transition:transform .3s,box-shadow .3s;
}
.numbers-box-2:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 50px rgba(15,46,42,0.05);
}
.numbers-box-3{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.numbers-box-4{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(44px,4.4vw,64px);
  font-weight:800;
  letter-spacing:-0.04em;
  line-height:1;
  color:#0F2E2A;
}
.numbers-box-5{
  flex-shrink:0;
  width:56px;
  height:56px;
  border-radius:14px;
  background:linear-gradient(145deg,#1A4A43,#12302B);
  color:#1DD9D2;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(18,48,43,0.13);
}
.numbers-box-6{
  font-size:15px;
  color:#48625D;
  margin-top:14px;
  line-height:1.5;
}
.numbers-box-7{
  flex-shrink:0;
  width:56px;
  height:56px;
  border-radius:14px;
  background:linear-gradient(145deg,#1DD9D2,#068A8C);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(6,138,140,0.14);
}

/* =========================================================
   Own vs rent
   ========================================================= */
.own-vs-rent-section{
  padding:56px var(--gutter);
}
.own-vs-rent-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:#0F2E2A;
  color:#fff;
  padding:clamp(28px,4.5vw,72px);
}
.own-vs-rent-box-2{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000,transparent 80%);
  mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000,transparent 80%);
  pointer-events:none;
}
.own-vs-rent-box-3{
  position:absolute;
  width:760px;
  height:760px;
  left:-220px;
  top:-320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.22),transparent 65%);
  pointer-events:none;
}
.own-vs-rent-box-4{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:48px;
}
.own-vs-rent-box-5{
  max-width:860px;
}
.own-vs-rent-box-6{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#1DD9D2;
  margin-bottom:16px;
}
.own-vs-rent-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.6vw,68px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
}
.own-vs-rent-label-1{
  background:linear-gradient(100deg,#1DD9D2,#8FF5EF);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.own-vs-rent-text-1{
  font-size:17px;
  line-height:1.6;
  color:#B9D3CE;
  margin:0;
  max-width:480px;
}
.own-vs-rent-box-7{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:stretch;
}
.own-vs-rent-box-8{
  flex:1.2 1 460px;
  min-width:0;
  border-radius:22px;
  padding:28px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.09);
  display:flex;
  flex-direction:column;
  gap:18px;
}
.own-vs-rent-box-9{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.own-vs-rent-box-10{
  font-size:16px;
  font-weight:600;
}
.own-vs-rent-box-11{
  display:flex;
  gap:16px;
  font-size:12px;
  font-weight:600;
}
.own-vs-rent-label-2{
  display:flex;
  align-items:center;
  gap:6px;
  color:#FFB39E;
}
.own-vs-rent-label-3{
  width:14px;
  height:3px;
  border-radius:2px;
  background:#FF8A6B;
}
.own-vs-rent-label-4{
  display:flex;
  align-items:center;
  gap:6px;
  color:#8FF5EF;
}
.own-vs-rent-label-5{
  width:14px;
  height:3px;
  border-radius:2px;
  background:#1DD9D2;
}
.own-vs-rent-box-12{
  position:relative;
  flex:1;
  min-height:260px;
}
.own-vs-rent-icon-1{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.own-vs-rent-box-13{
  position:absolute;
  right:2%;
  top:2%;
  padding:8px 12px;
  border-radius:10px;
  background:rgba(255,138,107,0.14);
  border:1px solid rgba(255,138,107,0.35);
  font-size:12px;
  font-weight:600;
  color:#FFB39E;
}
.own-vs-rent-box-14{
  position:absolute;
  right:2%;
  top:calc(67% - 44px);
  padding:8px 12px;
  border-radius:10px;
  background:rgba(29,217,210,0.14);
  border:1px solid rgba(29,217,210,0.4);
  font-size:12px;
  font-weight:600;
  color:#8FF5EF;
}
.own-vs-rent-box-15{
  display:flex;
  justify-content:space-between;
  font-family:'Geist Mono',monospace;
  font-size:11px;
  color:#7F9C96;
}
.own-vs-rent-box-16{
  flex:1 1 440px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center;
}
.own-vs-rent-box-17{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:12px;
  align-items:stretch;
}
.own-vs-rent-box-18{
  padding:16px 18px;
  border-radius:14px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.07);
}
.own-vs-rent-box-19{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  letter-spacing:0.12em;
  color:#7F9C96;
  margin-bottom:6px;
}
.own-vs-rent-box-20{
  font-size:15px;
  color:#8FAAA4;
  text-decoration:line-through;
  text-decoration-color:rgba(255,138,107,0.7);
}
.own-vs-rent-box-21{
  padding:16px 18px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(29,217,210,0.18),rgba(29,217,210,0.05));
  border:1px solid rgba(29,217,210,0.35);
  display:flex;
  gap:12px;
  align-items:center;
}
.own-vs-rent-label-6{
  flex-shrink:0;
  width:26px;
  height:26px;
  border-radius:8px;
  background:#1DD9D2;
  color:#0F2E2A;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
}
.own-vs-rent-box-22{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  letter-spacing:0.12em;
  color:#1DD9D2;
  margin-bottom:4px;
}
.own-vs-rent-box-23{
  font-size:15px;
  font-weight:600;
  color:#fff;
}

/* =========================================================
   Features
   ========================================================= */
.features-section{
  padding:56px var(--gutter);
}
.features-box-1{
  max-width:var(--container-max);
  margin:0 auto;
}
.features-box-2{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:48px;
}
.features-box-3{
  max-width:820px;
}
.features-box-4{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#068A8C;
  margin-bottom:16px;
}
.features-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.6vw,68px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
}
.features-text-1{
  font-size:17px;
  line-height:1.6;
  color:#48625D;
  margin:0;
  max-width:460px;
}
.features-box-5{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
.features-box-6{
  flex:2 1 700px;
  min-width:0;
  border-radius:26px;
  background:#0F2E2A;
  border:1px solid #0F2E2A;
  padding:12px;
  display:flex;
  flex-direction:column;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.features-box-6:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 70px rgba(15,46,42,0.14);
}
.features-box-7{
  position:relative;
  height:300px;
  border-radius:18px;
  overflow:hidden;
  background-color:#133A35;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.features-box-8{
  width:100%;
  max-width:720px;
  display:flex;
  gap:18px;
  align-items:stretch;
  flex-wrap:wrap;
}
.features-box-9{
  flex:1 1 200px;
  border-radius:14px;
  padding:18px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}
.features-box-10{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  color:#1DD9D2;
}
.features-box-11{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:56px;
  font-weight:800;
  letter-spacing:-0.04em;
  line-height:1;
  color:#fff;
}
.features-icon-1{
  width:100%;
  height:60px;
  display:block;
}
.features-box-12{
  display:flex;
  gap:14px;
  font-size:12px;
  font-weight:600;
}
.features-label-1{
  color:#5CF0C8;
}
.features-label-2{
  color:#FF8A6B;
}
.features-box-13{
  flex:2 1 320px;
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center;
}
.features-box-14{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  color:#9FBDB7;
  margin-bottom:2px;
}
.features-box-15{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:11px 14px;
  border-radius:10px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
}
.features-box-16{
  min-width:0;
}
.features-box-17{
  font-size:13px;
  font-weight:600;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.features-box-18{
  font-size:11px;
  color:#9FBDB7;
  margin-top:2px;
}
.features-box-19{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  color:#9FBDB7;
}
.features-label-3{
  color:#fff;
  font-weight:600;
}
.features-box-20{
  font-size:12px;
  font-weight:700;
  color:#0F2E2A;
  background:#5CF0C8;
  border-radius:6px;
  padding:3px 7px;
}
.features-box-21{
  padding:22px 18px 16px;
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-start;
}
.features-label-4{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Geist Mono',monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.06em;
  height:30px;
  padding:0 12px 0 6px;
  border-radius:9px;
  background:linear-gradient(145deg,#1DD9D2,#068A8C);
  color:#fff;
}
.features-label-5{
  width:18px;
  height:18px;
  border-radius:5px;
  background:rgba(255,255,255,0.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
}
.features-title-2{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:26px;
  letter-spacing:-0.03em;
  font-weight:700;
  margin:0 0 8px;
  color:#fff;
}
.features-text-2{
  font-size:15px;
  line-height:1.6;
  margin:0;
  max-width:620px;
  color:#B9D3CE;
}
.features-box-22{
  flex:1 1 380px;
  min-width:0;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  padding:12px;
  display:flex;
  flex-direction:column;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.features-box-22:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 70px rgba(15,46,42,0.05);
}
.features-box-23{
  position:relative;
  height:300px;
  border-radius:18px;
  overflow:hidden;
  background-color:#F1F7F5;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.features-box-24{
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 16px 40px rgba(15,46,42,0.05);
  width:100%;
  max-width:340px;
  padding:22px;
}
.features-box-25{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}
.features-box-26{
  width:78px;
  height:78px;
  border-radius:50%;
  flex-shrink:0;
  background:conic-gradient(#E8872B 0 61%,#F3EADF 61% 100%);
  display:flex;
  align-items:center;
  justify-content:center;
}
.features-box-27{
  width:62px;
  height:62px;
  border-radius:50%;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.features-label-6{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;
  font-size:24px;
  line-height:1;
}
.features-label-7{
  font-size:9px;
  color:#5A716C;
}
.features-box-28{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  letter-spacing:0.1em;
  color:#C46A12;
  margin-bottom:4px;
}
.features-box-29{
  font-size:15px;
  font-weight:700;
}
.features-box-30{
  display:grid;
  gap:10px;
}
.features-box-31{
  display:grid;
  grid-template-columns:10px 72px 1fr 28px;
  gap:10px;
  align-items:center;
  font-size:12px;
  font-weight:600;
}
.features-label-8{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#D94A3A;
}
.features-box-32{
  height:6px;
  border-radius:6px;
  background:#EEF3F1;
  overflow:hidden;
}
.features-box-33{
  height:100%;
  width:20%;
  border-radius:6px;
  background:#D94A3A;
  transform-origin:0 50%;
}
.features-label-9{
  text-align:right;
  font-family:'Geist Mono',monospace;
}
.features-label-10{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#E8872B;
}
.features-box-34{
  height:100%;
  width:40%;
  border-radius:6px;
  background:#E8872B;
  transform-origin:0 50%;
}
.features-label-11{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#3D7BF0;
}
.features-box-35{
  height:100%;
  width:48%;
  border-radius:6px;
  background:#3D7BF0;
  transform-origin:0 50%;
}
.features-label-12{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#068A8C;
}
.features-box-36{
  height:100%;
  width:100%;
  border-radius:6px;
  background:#068A8C;
  transform-origin:0 50%;
}
.features-label-13{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Geist Mono',monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.06em;
  height:30px;
  padding:0 12px 0 6px;
  border-radius:9px;
  background:linear-gradient(145deg,#1A4A43,#12302B);
  color:#1DD9D2;
}
.features-title-3{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:26px;
  letter-spacing:-0.03em;
  font-weight:700;
  margin:0 0 8px;
  color:#0F2E2A;
}
.features-text-3{
  font-size:15px;
  line-height:1.6;
  margin:0;
  max-width:620px;
  color:#5A716C;
}
.features-box-37{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.features-box-38{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  letter-spacing:0.1em;
  color:#068A8C;
}
.features-box-39{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:34px;
  font-weight:800;
  letter-spacing:-0.03em;
  line-height:1.1;
}
.features-box-40{
  text-align:right;
}
.features-box-41{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  letter-spacing:0.1em;
  color:#C46A12;
}
.features-box-42{
  display:flex;
  align-items:flex-end;
  gap:6px;
  height:96px;
}
.features-box-43{
  flex:1;
  height:38%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-44{
  flex:1;
  height:46%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-45{
  flex:1;
  height:42%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-46{
  flex:1;
  height:55%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-47{
  flex:1;
  height:52%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-48{
  flex:1;
  height:63%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-49{
  flex:1;
  height:60%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-50{
  flex:1;
  height:72%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-51{
  flex:1;
  height:70%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#BFE9E4;
}
.features-box-52{
  flex:1;
  height:84%;
  border-radius:5px 5px 2px 2px;
  transform-origin:50% 100%;
  background:#068A8C;
}
.features-box-53{
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#5A716C;
  margin-top:8px;
  font-family:'Geist Mono',monospace;
}
.features-box-54{
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 16px 40px rgba(15,46,42,0.05);
  width:100%;
  max-width:340px;
  padding:18px 20px 10px;
}
.features-box-55{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}
.features-box-56{
  font-size:14px;
  font-weight:700;
}
.features-box-57{
  font-family:'Geist Mono',monospace;
  font-size:10px;
  color:#068A8C;
}
.features-box-58{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid #EEF3F1;
}
.features-box-59{
  width:30px;
  height:30px;
  border-radius:8px;
  background:#068A8C;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
}
.features-box-60{
  font-size:13px;
  font-weight:600;
}
.features-box-61{
  display:flex;
  gap:4px;
  margin-top:4px;
  flex-wrap:wrap;
}
.features-label-14{
  font-size:10px;
  font-weight:600;
  padding:2px 7px;
  border-radius:5px;
  background:#FFE6C7;
  color:#8A4B0A;
}
.features-label-15{
  font-size:10px;
  font-weight:600;
  padding:2px 7px;
  border-radius:5px;
  background:#CFF3EF;
  color:#0B5E5B;
}
.features-label-16{
  font-size:10px;
  font-weight:600;
  padding:2px 7px;
  border-radius:5px;
  background:#FFDCD3;
  color:#8A2D17;
}
.features-box-62{
  font-family:'Geist Mono',monospace;
  font-size:13px;
  font-weight:600;
}
.features-box-63{
  font-size:10px;
  color:#5A716C;
}
.features-box-64{
  width:30px;
  height:30px;
  border-radius:8px;
  background:#E8872B;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
}
.features-box-65{
  width:30px;
  height:30px;
  border-radius:8px;
  background:#D94A3A;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
}
.features-box-66{
  display:flex;
  align-items:center;
  gap:8px;
  height:38px;
  padding:0 12px;
  border-radius:10px;
  background:#F5F7F6;
  border:1px solid rgba(15,46,42,0.08);
  font-size:13px;
  margin-bottom:8px;
}
.features-label-17{
  color:#068A8C;
}
.features-label-18{
  flex:1;
}
.features-label-19{
  font-size:11px;
  font-weight:700;
  color:#fff;
  background:#0F2E2A;
  border-radius:6px;
  padding:4px 8px;
}
.features-box-67{
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px 34px;
  gap:10px;
  font-family:'Geist Mono',monospace;
  font-size:10px;
  color:#5A716C;
  padding:4px 0;
}
.features-label-20{
  text-align:center;
}
.features-box-68{
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px 34px;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid #EEF3F1;
  font-size:12px;
}
.features-label-21{
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.features-label-22{
  font-family:'Geist Mono',monospace;
  text-align:right;
}
.features-label-23{
  text-align:center;
  font-size:11px;
  font-weight:700;
  border-radius:6px;
  padding:2px 0;
  background:#FFE6C7;
  color:#8A4B0A;
}
.features-label-24{
  text-align:center;
  font-size:11px;
  font-weight:700;
  border-radius:6px;
  padding:2px 0;
  background:#CFF3EF;
  color:#0B5E5B;
}
.features-box-69{
  position:relative;
  width:220px;
  height:240px;
}
.features-box-70{
  position:absolute;
  inset:0;
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 16px 40px rgba(15,46,42,0.05);
  transform:rotate(-9deg) translate(-38px,10px);
  opacity:.7;
}
.features-box-71{
  position:absolute;
  inset:0;
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 16px 40px rgba(15,46,42,0.05);
  transform:rotate(7deg) translate(36px,6px);
  opacity:.85;
}
.features-box-72{
  position:absolute;
  inset:0;
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 16px 40px rgba(15,46,42,0.05);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.features-image-1{
  height:22px;
  width:auto;
  align-self:flex-start;
  display:block;
}
.features-box-73{
  font-size:13px;
  font-weight:700;
  margin-top:4px;
}
.features-box-74{
  display:flex;
  align-items:flex-end;
  gap:4px;
  height:50px;
  margin-top:4px;
}
.features-box-75{
  flex:1;
  height:40%;
  border-radius:3px;
  background:#1DD9D2;
  transform-origin:50% 100%;
}
.features-box-76{
  flex:1;
  height:55%;
  border-radius:3px;
  background:#1DD9D2;
  transform-origin:50% 100%;
}
.features-box-77{
  flex:1;
  height:48%;
  border-radius:3px;
  background:#1DD9D2;
  transform-origin:50% 100%;
}
.features-box-78{
  flex:1;
  height:70%;
  border-radius:3px;
  background:#1DD9D2;
  transform-origin:50% 100%;
}
.features-box-79{
  flex:1;
  height:64%;
  border-radius:3px;
  background:#1DD9D2;
  transform-origin:50% 100%;
}
.features-box-80{
  flex:1;
  height:86%;
  border-radius:3px;
  background:#1DD9D2;
  transform-origin:50% 100%;
}
.features-box-81{
  height:6px;
  border-radius:4px;
  background:#EEF3F1;
}
.features-box-82{
  height:6px;
  width:80%;
  border-radius:4px;
  background:#EEF3F1;
}
.features-box-83{
  height:6px;
  width:60%;
  border-radius:4px;
  background:#EEF3F1;
}
.features-box-84{
  flex:2 1 700px;
  min-width:0;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  padding:12px;
  display:flex;
  flex-direction:column;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;
}
.features-box-84:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 70px rgba(15,46,42,0.05);
}
.features-box-85{
  width:100%;
  max-width:720px;
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(15,46,42,0.08);
  box-shadow:0 16px 40px rgba(15,46,42,0.05);
  padding:22px;
}
.features-box-86{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.features-box-87{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:32px;
  font-weight:800;
  letter-spacing:-0.03em;
  line-height:1.1;
}
.features-box-88{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  font-size:11px;
  font-weight:600;
}
.features-label-25{
  display:flex;
  align-items:center;
  gap:5px;
}
.features-label-26{
  width:8px;
  height:8px;
  border-radius:2px;
  background:#8FA3B5;
}
.features-label-27{
  width:8px;
  height:8px;
  border-radius:2px;
  background:#1FA89E;
}
.features-label-28{
  width:8px;
  height:8px;
  border-radius:2px;
  background:#3D7BF0;
}
.features-label-29{
  width:8px;
  height:8px;
  border-radius:2px;
  background:#7C4DFF;
}
.features-label-30{
  width:8px;
  height:8px;
  border-radius:2px;
  background:#F2A33A;
}
.features-box-89{
  display:flex;
  align-items:flex-end;
  gap:10px;
  height:150px;
}
.features-box-90{
  flex:1;
  height:19%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-91{
  height:57.0%;
  background:#8FA3B5;
}
.features-box-92{
  height:25.9%;
  background:#1FA89E;
}
.features-box-93{
  height:10.4%;
  background:#3D7BF0;
}
.features-box-94{
  height:2.6%;
  background:#7C4DFF;
}
.features-box-95{
  height:4.1%;
  background:#F2A33A;
}
.features-box-96{
  flex:1;
  height:51%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-97{
  height:50.4%;
  background:#8FA3B5;
}
.features-box-98{
  height:31.0%;
  background:#1FA89E;
}
.features-box-99{
  height:11.6%;
  background:#3D7BF0;
}
.features-box-100{
  height:1.2%;
  background:#7C4DFF;
}
.features-box-101{
  height:5.8%;
  background:#F2A33A;
}
.features-box-102{
  flex:1;
  height:69%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-103{
  height:47.5%;
  background:#8FA3B5;
}
.features-box-104{
  height:31.7%;
  background:#1FA89E;
}
.features-box-105{
  height:14.4%;
  background:#3D7BF0;
}
.features-box-106{
  height:0.7%;
  background:#7C4DFF;
}
.features-box-107{
  flex:1;
  height:42%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-108{
  height:42.5%;
  background:#8FA3B5;
}
.features-box-109{
  height:35.4%;
  background:#1FA89E;
}
.features-box-110{
  height:16.5%;
  background:#3D7BF0;
}
.features-box-111{
  height:0.9%;
  background:#7C4DFF;
}
.features-box-112{
  height:4.7%;
  background:#F2A33A;
}
.features-box-113{
  flex:1;
  height:76%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-114{
  height:46.9%;
  background:#8FA3B5;
}
.features-box-115{
  height:31.3%;
  background:#1FA89E;
}
.features-box-116{
  height:14.3%;
  background:#3D7BF0;
}
.features-box-117{
  height:6.5%;
  background:#F2A33A;
}
.features-box-118{
  flex:1;
  height:53%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-119{
  height:46.2%;
  background:#8FA3B5;
}
.features-box-120{
  height:33.3%;
  background:#1FA89E;
}
.features-box-121{
  height:14.8%;
  background:#3D7BF0;
}
.features-box-122{
  height:1.1%;
  background:#7C4DFF;
}
.features-box-123{
  height:4.6%;
  background:#F2A33A;
}
.features-box-124{
  flex:1;
  height:62%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-125{
  height:47.6%;
  background:#8FA3B5;
}
.features-box-126{
  height:0.8%;
  background:#7C4DFF;
}
.features-box-127{
  height:5.6%;
  background:#F2A33A;
}
.features-box-128{
  flex:1;
  height:100%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-129{
  height:26.5%;
  background:#1FA89E;
}
.features-box-130{
  height:17.9%;
  background:#3D7BF0;
}
.features-box-131{
  height:0.5%;
  background:#7C4DFF;
}
.features-box-132{
  height:7.6%;
  background:#F2A33A;
}
.features-box-133{
  flex:1;
  height:56%;
  display:flex;
  flex-direction:column-reverse;
  border-radius:6px;
  overflow:hidden;
  transform-origin:50% 100%;
}
.features-box-134{
  height:45.5%;
  background:#8FA3B5;
}
.features-box-135{
  height:35.0%;
  background:#1FA89E;
}
.features-box-136{
  height:16.8%;
  background:#3D7BF0;
}
.features-box-137{
  height:1.9%;
  background:#F2A33A;
}

/* =========================================================
   Product tour
   ========================================================= */
.product-tour-section{
  padding:56px var(--gutter);
}
.product-tour-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  border-radius:32px;
  background:#0F2E2A;
  color:#fff;
  padding:clamp(28px,4vw,64px);
  position:relative;
  overflow:hidden;
}
.product-tour-box-2{
  position:absolute;
  width:900px;
  height:900px;
  left:-300px;
  bottom:-500px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.2),transparent 65%);
  pointer-events:none;
}
.product-tour-box-3{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  flex-wrap:wrap;
  margin-bottom:44px;
}
.product-tour-box-4{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#1DD9D2;
  margin-bottom:16px;
}
.product-tour-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(34px,4.2vw,60px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
}
.product-tour-box-5{
  font-family:'Geist Mono',monospace;
  font-size:13px;
  color:#9FBDB7;
}
.product-tour-box-6{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  align-items:flex-start;
}
.product-tour-box-7{
  flex:1 1 280px;
  max-width:440px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.product-tour-button-1{
  text-align:left;
  font-family:inherit;
  color:#fff;
  border-radius:14px;
  padding:16px 18px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:background .25s;
}
.product-tour-button-1:hover{
  background:rgba(255,255,255,0.06);
}
.product-tour-box-8{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.product-tour-label-1{
  font-size:16px;
  font-weight:600;
}
.product-tour-label-2{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  color:#1DD9D2;
}
.product-tour-text-1{
  font-size:14px;
  line-height:1.6;
  color:#B9D3CE;
  margin:10px 0 4px;
}
.product-tour-box-9{
  position:absolute;
  left:0;
  bottom:0;
  height:2px;
  width:100%;
  background:rgba(255,255,255,0.06);
}
.product-tour-box-10{
  height:100%;
  width:100%;
  background:#1DD9D2;
  transform-origin:0 50%;
  transform:scaleX(0);
}
.product-tour-box-11{
  flex:1.6 1 420px;
  min-width:0;
  position:sticky;
  top:110px;
}
.product-tour-box-12{
  border-radius:18px;
  padding:8px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
}
.product-tour-box-13{
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.product-tour-image-1{
  width:100%;
  display:block;
}

/* =========================================================
   AI visibility
   ========================================================= */
.ai-visibility-section{
  padding:56px var(--gutter);
}
.ai-visibility-box-1{
  max-width:var(--container-max);
  margin:0 auto;
}
.ai-visibility-box-2{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:48px;
}
.ai-visibility-box-3{
  max-width:860px;
}
.ai-visibility-box-4{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#068A8C;
  margin-bottom:16px;
}
.ai-visibility-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.6vw,68px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
}
.ai-visibility-label-1{
  background:linear-gradient(100deg,#068A8C,#1DD9D2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ai-visibility-text-1{
  font-size:17px;
  line-height:1.6;
  color:#48625D;
  margin:0;
  max-width:480px;
}
.ai-visibility-box-5{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:stretch;
}
.ai-visibility-box-6{
  flex:1.3 1 560px;
  min-width:0;
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(160deg,#0F2E2A,#0B4A47);
  color:#fff;
  padding:clamp(24px,3vw,40px);
  display:flex;
  flex-direction:column;
  gap:20px;
}
.ai-visibility-box-7{
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.07) 1px,transparent 1px);
  background-size:20px 20px;
  pointer-events:none;
}
.ai-visibility-box-8{
  position:absolute;
  width:520px;
  height:520px;
  right:-180px;
  top:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.3),transparent 65%);
  pointer-events:none;
}
.ai-visibility-box-9{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.ai-visibility-box-10{
  display:flex;
  align-items:center;
  gap:10px;
}
.ai-visibility-label-2{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#1DD9D2;
}
.ai-visibility-label-3{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.12em;
  color:#1DD9D2;
}
.ai-visibility-label-4{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  color:#9FBDB7;
  padding:4px 10px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,0.15);
}
.ai-visibility-box-11{
  position:relative;
  align-self:flex-end;
  max-width:520px;
  padding:16px 20px;
  border-radius:18px 18px 4px 18px;
  background:#1DD9D2;
  color:#0F2E2A;
  font-size:16px;
  font-weight:600;
  line-height:1.5;
}
.ai-visibility-box-12{
  position:relative;
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.ai-visibility-box-13{
  flex-shrink:0;
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.15);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1DD9D2;
  font-size:16px;
}
.ai-visibility-box-14{
  flex:1;
  min-width:0;
  padding:18px 20px;
  border-radius:4px 18px 18px 18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  font-size:15px;
  line-height:1.65;
  color:#DDEBE8;
}
.ai-visibility-highlight-1{
  background:rgba(29,217,210,0.25);
  color:#fff;
  padding:1px 6px;
  border-radius:5px;
  font-weight:700;
}
.ai-visibility-box-15{
  position:relative;
  margin-top:auto;
  padding:16px;
  border-radius:16px;
  background:#fff;
  color:#0F2E2A;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.ai-visibility-label-5{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  color:#5A716C;
  margin-right:6px;
}
.ai-visibility-box-16{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:10px;
  font-size:13px;
  font-weight:600;
  background:#E4F8F6;
  color:#0B5E5B;
  border:1px solid rgba(6,138,140,0.25);
}
.ai-visibility-label-6{
  width:18px;
  height:18px;
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  background:#068A8C;
  color:#fff;
}
.ai-visibility-label-7{
  font-weight:500;
  opacity:.8;
}
.ai-visibility-box-17{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:10px;
  font-size:13px;
  font-weight:600;
  background:#F5F7F6;
  color:#5A716C;
  border:1px solid rgba(15,46,42,0.08);
}
.ai-visibility-label-8{
  width:18px;
  height:18px;
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  background:#DDE3E1;
  color:#5A716C;
}
.ai-visibility-box-18{
  flex:1 1 400px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.ai-visibility-box-19{
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  box-shadow:0 20px 60px -20px rgba(15,46,42,0.07);
  padding:28px;
  flex:1;
}
.ai-visibility-box-20{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:22px;
  gap:12px;
}
.ai-visibility-box-21{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.02em;
}
.ai-visibility-label-9{
  font-size:11px;
  font-weight:700;
  color:#0B5E5B;
  background:#CFF3EF;
  border-radius:6px;
  padding:3px 8px;
}
.ai-visibility-box-22{
  display:flex;
  justify-content:space-around;
  gap:12px;
  flex-wrap:wrap;
}
.ai-visibility-box-23{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.ai-visibility-box-24{
  position:relative;
  width:88px;
  height:88px;
}
.ai-visibility-icon-1{
  display:block;
  transform:rotate(-90deg);
}
.ai-visibility-box-25{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:22px;
  font-weight:800;
}
.ai-visibility-label-10{
  font-size:12px;
}
.ai-visibility-box-26{
  font-size:13px;
  font-weight:600;
}
.ai-visibility-box-27{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.02em;
  margin-bottom:6px;
}
.ai-visibility-text-2{
  font-size:14px;
  line-height:1.55;
  color:#5A716C;
  margin:0 0 20px;
}
.ai-visibility-box-28{
  display:grid;
  gap:12px;
}
.ai-visibility-box-29{
  display:grid;
  grid-template-columns:84px 1fr;
  gap:12px;
  align-items:center;
  font-size:13px;
  font-weight:600;
}
.ai-visibility-box-30{
  height:10px;
  border-radius:10px;
  background:#EEF3F1;
  overflow:hidden;
}
.ai-visibility-box-31{
  height:100%;
  width:82%;
  border-radius:10px;
  background:#068A8C;
  transform-origin:0 50%;
}
.ai-visibility-box-32{
  height:100%;
  width:60%;
  border-radius:10px;
  background:#1DD9D2;
  transform-origin:0 50%;
}
.ai-visibility-box-33{
  height:100%;
  width:48%;
  border-radius:10px;
  background:#E8872B;
  transform-origin:0 50%;
}
.ai-visibility-box-34{
  height:100%;
  width:34%;
  border-radius:10px;
  background:#3D7BF0;
  transform-origin:0 50%;
}
.ai-visibility-box-35{
  height:100%;
  width:22%;
  border-radius:10px;
  background:#7C4DFF;
  transform-origin:0 50%;
}

/* =========================================================
   Workflow / work management
   ========================================================= */
.workflow-section{
  padding:56px var(--gutter);
}
.workflow-box-1{
  max-width:var(--container-max);
  margin:0 auto;
}
.workflow-box-2{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:56px;
}
.workflow-box-3{
  max-width:860px;
}
.workflow-box-4{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#068A8C;
  margin-bottom:16px;
}
.workflow-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.6vw,68px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
}
.workflow-text-1{
  font-size:17px;
  line-height:1.6;
  color:#48625D;
  margin:0;
  max-width:460px;
}
.workflow-box-5{
  display:flex;
  flex-wrap:wrap;
  gap:40px;
  align-items:flex-start;
}
.workflow-box-6{
  flex:1 1 300px;
  max-width:540px;
  position:relative;
  padding-left:64px;
}
.workflow-box-7{
  position:absolute;
  left:21px;
  top:24px;
  bottom:24px;
  width:2px;
  background:rgba(15,46,42,0.1);
  border-radius:2px;
}
.workflow-box-8{
  width:100%;
  height:0%;
  background:linear-gradient(180deg,#068A8C,#1DD9D2);
  border-radius:2px;
}
.workflow-box-9{
  position:relative;
  min-height:38vh;
  padding:6px 0 40px;
  cursor:pointer;
  transition:opacity .4s;
}
.workflow-box-10{
  position:absolute;
  left:-64px;
  top:0;
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Geist Mono',monospace;
  font-weight:600;
  font-size:15px;
  transition:background .4s,color .4s,box-shadow .4s,border-color .4s;
}
.workflow-box-11{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.12em;
  color:#068A8C;
  margin-bottom:10px;
  padding-top:4px;
}
.workflow-box-12{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(24px,2.2vw,32px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.1;
  margin-bottom:12px;
}
.workflow-text-2{
  font-size:16px;
  line-height:1.6;
  color:#5A716C;
  margin:0;
  max-width:420px;
}
.workflow-box-13{
  flex:1.6 1 420px;
  min-width:0;
  position:sticky;
  top:110px;
}
.workflow-box-14{
  position:relative;
  border-radius:28px;
  padding:clamp(16px,2.4vw,36px);
  background:linear-gradient(145deg,#0F2E2A,#0B4A47);
  overflow:hidden;
  box-shadow:0 40px 100px -30px rgba(15,46,42,0.23);
}
.workflow-box-15{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
}
.workflow-box-16{
  position:absolute;
  width:500px;
  height:500px;
  right:-160px;
  top:-200px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.3),transparent 65%);
  pointer-events:none;
}
.workflow-box-17{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
.workflow-box-18{
  display:flex;
  gap:6px;
}
.workflow-box-19{
  height:6px;
  border-radius:6px;
  transition:width .4s,background .4s;
}
.workflow-box-20{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  color:#9FBDB7;
}
.workflow-box-21{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 20px 60px rgba(0,0,0,0.14);
}
.workflow-image-1{
  width:100%;
  display:block;
}
.workflow-box-22{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  color:#fff;
}
.workflow-box-23{
  width:32px;
  height:32px;
  border-radius:9px;
  background:#1DD9D2;
  color:#0F2E2A;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:14px;
}
.workflow-box-24{
  font-size:15px;
  font-weight:600;
}

/* =========================================================
   Modify with AI (full source)
   ========================================================= */
.modify-with-ai-section{
  padding:56px var(--gutter);
}
.modify-with-ai-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  border-radius:32px;
  background:#0A201D;
  color:#fff;
  padding:clamp(28px,4.5vw,72px);
  position:relative;
  overflow:hidden;
}
.modify-with-ai-box-2{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 75% 50%,#000,transparent 80%);
  mask-image:radial-gradient(ellipse 70% 70% at 75% 50%,#000,transparent 80%);
  pointer-events:none;
}
.modify-with-ai-box-3{
  position:absolute;
  width:800px;
  height:800px;
  right:-240px;
  top:-300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.25),transparent 65%);
  pointer-events:none;
}
.modify-with-ai-box-4{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:56px;
  align-items:center;
}
.modify-with-ai-box-5{
  flex:1 1 400px;
  min-width:0;
  max-width:600px;
}
.modify-with-ai-box-6{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#1DD9D2;
  margin-bottom:16px;
}
.modify-with-ai-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.6vw,68px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
  margin-bottom:20px;
}
.modify-with-ai-text-1{
  font-size:18px;
  line-height:1.65;
  color:#B9D3CE;
  margin:0 0 32px;
}
.modify-with-ai-box-7{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:10px;
  margin-bottom:28px;
}
.modify-with-ai-box-8{
  padding:18px;
  border-radius:14px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
}
.modify-with-ai-box-9{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:30px;
  font-weight:800;
  letter-spacing:-0.03em;
  line-height:1;
}
.modify-with-ai-box-10{
  font-size:12px;
  color:#9FBDB7;
  margin-top:6px;
}
.modify-with-ai-box-11{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.modify-with-ai-box-12{
  height:72px;
  width:120px;
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  transition:transform .3s;
}
.modify-with-ai-box-12:hover{
  transform:translateY(-4px);
}
.modify-with-ai-image-1{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
.modify-with-ai-box-13{
  flex:1.3 1 560px;
  min-width:0;
  border-radius:20px;
  background:#0D1F1D;
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 40px 100px -20px rgba(0,0,0,0.27);
  overflow:hidden;
}
.modify-with-ai-box-14{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);
}
.modify-with-ai-label-1{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#FF6B5A;
}
.modify-with-ai-label-2{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#F5B83D;
}
.modify-with-ai-label-3{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#3CCB7F;
}
.modify-with-ai-box-15{
  margin-left:14px;
  padding:5px 12px;
  border-radius:7px;
  background:rgba(255,255,255,0.07);
  font-family:'Geist Mono',monospace;
  font-size:12px;
  color:#DDEBE8;
}
.modify-with-ai-box-16{
  display:flex;
  min-height:300px;
}
.modify-with-ai-box-17{
  flex:0 0 170px;
  padding:12px 6px;
  border-right:1px solid rgba(255,255,255,0.08);
  font-family:'Geist Mono',monospace;
  font-size:12px;
  line-height:1.4;
}
.modify-with-ai-box-18{
  padding:5px 10px 5px 10px;
  border-radius:6px;
  color:#DDEBE8;
  white-space:nowrap;
}
.modify-with-ai-box-19{
  padding:5px 10px 5px 24px;
  border-radius:6px;
  color:#9FBDB7;
  white-space:nowrap;
}
.modify-with-ai-box-20{
  padding:5px 10px 5px 24px;
  border-radius:6px;
  color:#1DD9D2;
  background:rgba(29,217,210,0.12);
  white-space:nowrap;
}
.modify-with-ai-box-21{
  flex:1;
  min-width:0;
  padding:16px 18px;
  font-family:'Geist Mono',monospace;
  font-size:13px;
  line-height:1.9;
  overflow:hidden;
}
.modify-with-ai-box-22{
  display:flex;
  gap:16px;
}
.modify-with-ai-label-4{
  width:18px;
  text-align:right;
  color:#4E6B66;
  flex-shrink:0;
}
.modify-with-ai-label-5{
  white-space:pre-wrap;
  min-width:0;
}
.modify-with-ai-label-6{
  color:#1DD9D2;
}
.modify-with-ai-label-7{
  color:#9FBDB7;
}
.modify-with-ai-label-8{
  color:#DDEBE8;
}
.modify-with-ai-label-9{
  color:#FFB39E;
}
.modify-with-ai-label-10{
  color:#8FF5EF;
}
.modify-with-ai-box-23{
  padding:14px;
  border-top:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);
}
.modify-with-ai-box-24{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.modify-with-ai-box-25{
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  padding:0 12px 0 4px;
  border-radius:9px;
  background:#fff;
  color:#0F2E2A;
  border:1px solid #fff;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
.modify-with-ai-label-11{
  width:28px;
  height:28px;
  border-radius:7px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.modify-with-ai-image-2{
  width:26px;
  height:26px;
  object-fit:cover;
  display:block;
}
.modify-with-ai-box-26{
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  padding:0 12px 0 4px;
  border-radius:9px;
  background:rgba(255,255,255,0.06);
  color:#DDEBE8;
  border:1px solid rgba(255,255,255,0.12);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
.modify-with-ai-box-27{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(29,217,210,0.35);
}
.modify-with-ai-label-12{
  color:#1DD9D2;
  font-family:'Geist Mono',monospace;
  font-weight:600;
}
.modify-with-ai-label-13{
  flex:1;
  min-width:0;
  font-family:'Geist Mono',monospace;
  font-size:13px;
  color:#fff;
}
.modify-with-ai-label-14{
  width:8px;
  height:16px;
  background:#1DD9D2;
  border-radius:1px;
}
.modify-with-ai-label-15{
  flex-shrink:0;
  height:32px;
  padding:0 12px;
  border-radius:8px;
  background:#1DD9D2;
  color:#0F2E2A;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
}

/* =========================================================
   Who it's for
   ========================================================= */
.who-its-for-section{
  padding:56px var(--gutter);
}
.who-its-for-box-1{
  max-width:var(--container-max);
  margin:0 auto;
}
.who-its-for-box-2{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:48px;
}
.who-its-for-box-3{
  max-width:860px;
}
.who-its-for-box-4{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#068A8C;
  margin-bottom:16px;
}
.who-its-for-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.6vw,68px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
}
.who-its-for-text-1{
  font-size:17px;
  line-height:1.6;
  color:#48625D;
  margin:0;
  max-width:460px;
}
.who-its-for-box-5{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:stretch;
}
.who-its-for-box-6{
  flex:1 1 460px;
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:clamp(28px,3vw,44px);
  background:linear-gradient(155deg,#0F2E2A 0%,#0B4A47 60%,#068A8C 130%);
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:28px;
  min-height:560px;
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.who-its-for-box-6:hover{
  transform:translateY(-6px);
}
.who-its-for-box-7{
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.08) 1px,transparent 1px);
  background-size:20px 20px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000);
  mask-image:linear-gradient(180deg,transparent,#000);
  pointer-events:none;
}
.who-its-for-box-8{
  position:absolute;
  width:480px;
  height:480px;
  right:-160px;
  bottom:-200px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.4),transparent 65%);
  pointer-events:none;
}
.who-its-for-box-9{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.who-its-for-box-10{
  width:64px;
  height:64px;
  border-radius:16px;
  background:linear-gradient(145deg,#1DD9D2,#068A8C);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 14px 30px rgba(29,217,210,0.16);
}
.who-its-for-label-1{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.12em;
  color:#0F2E2A;
  background:#1DD9D2;
  border-radius:8px;
  padding:6px 10px;
  font-weight:600;
}
.who-its-for-box-11{
  position:relative;
}
.who-its-for-box-12{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(30px,3vw,42px);
  font-weight:800;
  letter-spacing:-0.035em;
  line-height:1.05;
  margin-bottom:14px;
}
.who-its-for-text-2{
  font-size:17px;
  line-height:1.6;
  color:#B9D3CE;
  margin:0;
  max-width:440px;
}
.who-its-for-box-13{
  position:relative;
  margin-top:auto;
  display:flex;
  align-items:flex-end;
  gap:14px;
  flex-wrap:wrap;
}
.who-its-for-box-14{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(64px,7vw,104px);
  font-weight:800;
  letter-spacing:-0.05em;
  line-height:0.85;
}
.who-its-for-box-15{
  font-size:14px;
  color:#B9D3CE;
  padding-bottom:8px;
}
.who-its-for-box-16{
  position:relative;
  display:grid;
  gap:10px;
}
.who-its-for-box-17{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.1);
  font-size:14px;
  font-weight:500;
}
.who-its-for-label-2{
  width:22px;
  height:22px;
  border-radius:6px;
  background:#1DD9D2;
  color:#0F2E2A;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
}
.who-its-for-box-18{
  flex:2 1 620px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:20px;
}
.who-its-for-box-19{
  position:relative;
  overflow:hidden;
  padding:30px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  display:flex;
  flex-direction:column;
  gap:22px;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;
}
.who-its-for-box-19:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 70px rgba(15,46,42,0.05);
  border-color:rgba(29,217,210,0.6);
}
.who-its-for-box-20{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.who-its-for-box-21{
  width:56px;
  height:56px;
  border-radius:14px;
  background:linear-gradient(145deg,#1DD9D2,#068A8C);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(6,138,140,0.14);
}
.who-its-for-label-3{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:40px;
  font-weight:800;
  letter-spacing:-0.04em;
  line-height:1;
  color:#E3EEEB;
}
.who-its-for-box-22{
  flex:1;
}
.who-its-for-box-23{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:23px;
  font-weight:700;
  letter-spacing:-0.02em;
  line-height:1.15;
  margin-bottom:10px;
}
.who-its-for-text-3{
  font-size:15px;
  line-height:1.6;
  color:#5A716C;
  margin:0;
}
.who-its-for-box-24{
  display:inline-flex;
  align-self:flex-start;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:8px;
  background:#EEF7F5;
  font-size:13px;
  font-weight:600;
  color:#0B5E5B;
}
.who-its-for-label-4{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#068A8C;
}
.who-its-for-box-25{
  width:56px;
  height:56px;
  border-radius:14px;
  background:linear-gradient(145deg,#1A4A43,#12302B);
  color:#1DD9D2;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(18,48,43,0.13);
}

/* =========================================================
   Benefits
   ========================================================= */
.benefits-section{
  padding:56px var(--gutter);
}
.benefits-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:64px;
}
.benefits-box-2{
  flex:1 1 360px;
  max-width:520px;
}
.benefits-box-3{
  position:sticky;
  top:120px;
}
.benefits-box-4{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#068A8C;
  margin-bottom:16px;
}
.benefits-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.2vw,60px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0 0 20px;
  text-wrap:balance;
}
.benefits-text-1{
  font-size:17px;
  line-height:1.6;
  color:#48625D;
  margin:0;
}
.benefits-box-5{
  flex:2 1 560px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1px;
  background:rgba(15,46,42,0.08);
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(15,46,42,0.08);
}
.benefits-box-6{
  padding:32px;
  background:#fff;
  transition:background .3s;
}
.benefits-box-6:hover{
  background:#F1FAF8;
}
.benefits-box-7{
  width:56px;
  height:56px;
  border-radius:14px;
  background:linear-gradient(145deg,#1A4A43,#12302B);
  color:#1DD9D2;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  box-shadow:0 10px 24px rgba(18,48,43,0.13);
}
.benefits-box-8{
  font-size:19px;
  font-weight:700;
  margin-bottom:10px;
  letter-spacing:-0.01em;
}
.benefits-text-2{
  font-size:15px;
  line-height:1.6;
  color:#5A716C;
  margin:0;
}
.benefits-box-9{
  width:56px;
  height:56px;
  border-radius:14px;
  background:linear-gradient(145deg,#1DD9D2,#068A8C);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  box-shadow:0 10px 24px rgba(6,138,140,0.14);
}

/* =========================================================
   Requirements & stack
   ========================================================= */
.requirements-section{
  padding:56px var(--gutter);
}
.requirements-box-1{
  max-width:var(--container-max);
  margin:0 auto;
}
.requirements-box-2{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:44px;
}
.requirements-box-3{
  max-width:820px;
}
.requirements-box-4{
  font-family:'Geist Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  color:#068A8C;
  margin-bottom:16px;
}
.requirements-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,4.6vw,68px);
  line-height:1;
  letter-spacing:-0.04em;
  font-weight:800;
  margin:0;
  text-wrap:balance;
}
.requirements-label-1{
  background:linear-gradient(100deg,#068A8C,#1DD9D2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.requirements-text-1{
  font-size:17px;
  line-height:1.6;
  color:#48625D;
  margin:0;
  max-width:460px;
}
.requirements-box-5{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-bottom:20px;
}
.requirements-box-6{
  flex:1.3 1 560px;
  min-width:0;
  border-radius:24px;
  background:#0A201D;
  border:1px solid rgba(255,255,255,0.08);
  overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(15,46,42,0.23);
  position:relative;
}
.requirements-box-7{
  position:absolute;
  width:500px;
  height:500px;
  right:-180px;
  bottom:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,217,210,0.25),transparent 65%);
  pointer-events:none;
}
.requirements-box-8{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.requirements-label-2{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#FF6B5A;
}
.requirements-label-3{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#F5B83D;
}
.requirements-label-4{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#3CCB7F;
}
.requirements-label-5{
  margin-left:12px;
  font-family:'Geist Mono',monospace;
  font-size:12px;
  color:#9FBDB7;
}
.requirements-box-9{
  position:relative;
  padding:24px 26px 28px;
  font-family:'Geist Mono',monospace;
  font-size:14px;
  line-height:2;
}
.requirements-box-10{
  white-space:pre-wrap;
  color:#fff;
}
.requirements-label-6{
  color:#1DD9D2;
}
.requirements-label-7{
  display:inline-block;
  width:8px;
  height:15px;
  background:#1DD9D2;
  vertical-align:-2px;
  margin-left:2px;
}
.requirements-box-11{
  color:#9FBDB7;
}
.requirements-box-12{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:6px 14px;
  border-radius:8px;
  background:rgba(29,217,210,0.15);
  border:1px solid rgba(29,217,210,0.4);
  color:#8FF5EF;
  font-weight:600;
}
.requirements-box-13{
  flex:1 1 400px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center;
}
.requirements-box-14{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.02em;
  margin:0 0 4px 4px;
}
.requirements-box-15{
  display:flex;
  gap:16px;
  align-items:center;
  padding:18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  transition:transform .3s,border-color .3s;
}
.requirements-box-15:hover{
  transform:translateX(6px);
  border-color:#1DD9D2;
}
.requirements-box-16{
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:13px;
  background:linear-gradient(145deg,#1DD9D2,#068A8C);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(6,138,140,0.13);
}
.requirements-box-17{
  flex:1;
  min-width:0;
}
.requirements-box-18{
  font-size:17px;
  font-weight:700;
}
.requirements-box-19{
  font-size:13px;
  color:#5A716C;
  margin-top:3px;
}
.requirements-label-8{
  flex-shrink:0;
  font-size:11px;
  font-weight:700;
  color:#0B5E5B;
  background:#CFF3EF;
  border-radius:6px;
  padding:4px 8px;
}
.requirements-box-20{
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:13px;
  background:linear-gradient(145deg,#1A4A43,#12302B);
  color:#1DD9D2;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(18,48,43,0.11);
}
.requirements-box-21{
  flex:2 1 620px;
  min-width:0;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  padding:30px;
}
.requirements-box-22{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:24px;
  font-weight:700;
  letter-spacing:-0.02em;
  margin-bottom:20px;
}
.requirements-box-23{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;
}
.requirements-box-24{
  padding:20px;
  border-radius:16px;
  background:#F5F9F8;
  border:1px solid rgba(15,46,42,0.06);
  transition:background .3s,transform .3s;
}
.requirements-box-24:hover{
  background:#E4F8F6;
  transform:translateY(-3px);
}
.requirements-box-25{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}
.requirements-label-9{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  color:#068A8C;
}
.requirements-label-10{
  flex-shrink:0;
  width:40px;
  height:40px;
  border-radius:11px;
  background:linear-gradient(145deg,#1A4A43,#12302B);
  color:#1DD9D2;
  display:flex;
  align-items:center;
  justify-content:center;
}
.requirements-box-26{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:21px;
  font-weight:700;
  letter-spacing:-0.02em;
  margin-bottom:4px;
}
.requirements-box-27{
  font-size:13px;
  color:#5A716C;
  line-height:1.5;
}
.requirements-label-11{
  flex-shrink:0;
  width:40px;
  height:40px;
  border-radius:11px;
  background:linear-gradient(145deg,#1DD9D2,#068A8C);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.requirements-box-28{
  flex:1 1 380px;
  min-width:0;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,46,42,0.07);
  padding:30px;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.requirements-box-29{
  display:flex;
  align-items:center;
  gap:14px;
}
.requirements-box-30{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:24px;
  font-weight:700;
  letter-spacing:-0.02em;
}
.requirements-box-31{
  display:flex;
  justify-content:space-between;
  font-size:13px;
  margin-bottom:8px;
}
.requirements-label-12{
  font-weight:600;
}
.requirements-label-13{
  font-family:'Geist Mono',monospace;
  color:#5A716C;
}
.requirements-box-32{
  height:10px;
  border-radius:10px;
  background:#EEF3F1;
  overflow:hidden;
}
.requirements-box-33{
  height:100%;
  width:50%;
  border-radius:10px;
  background:#9FD9D3;
  transform-origin:0 50%;
}
.requirements-box-34{
  height:100%;
  width:100%;
  border-radius:10px;
  background:linear-gradient(90deg,#068A8C,#1DD9D2);
  transform-origin:0 50%;
}
.requirements-box-35{
  display:grid;
  gap:12px;
  margin-top:4px;
}
.requirements-box-36{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding-top:14px;
  border-top:1px solid #EDF2F0;
}
.requirements-label-14{
  color:#068A8C;
}
.requirements-box-37{
  font-size:14px;
  font-weight:600;
}
.requirements-box-38{
  font-size:13px;
  color:#5A716C;
  margin-top:2px;
  line-height:1.5;
}
.requirements-box-39{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(135deg,#0F2E2A,#0B4A47);
  color:#fff;
  padding:clamp(24px,3vw,40px);
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  align-items:center;
}
.requirements-box-40{
  flex:1 1 360px;
  min-width:0;
  max-width:520px;
}
.requirements-box-41{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:-0.02em;
  margin-bottom:10px;
}
.requirements-text-2{
  font-size:15px;
  line-height:1.65;
  color:#B9D3CE;
  margin:0;
}
.requirements-box-42{
  flex:1.4 1 480px;
  min-width:0;
  display:grid;
  gap:14px;
}
.requirements-box-43{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  color:#1DD9D2;
  margin-bottom:8px;
}
.requirements-box-44{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.requirements-label-15{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:38px;
  padding:0 14px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  background:#fff;
  color:#0F2E2A;
  border:1px solid rgba(15,46,42,0.14);
}
.requirements-label-16{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9FB5B0;
}
.requirements-box-45{
  font-family:'Geist Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  color:#9FBDB7;
  margin-bottom:8px;
}
.requirements-label-17{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:38px;
  padding:0 14px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  background:#E4F8F6;
  color:#0B5E5B;
  border:1px solid rgba(6,138,140,0.2);
}
.requirements-label-18{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#068A8C;
}
.requirements-box-46{
  font-size:13px;
  color:#B9D3CE;
  line-height:1.55;
}

/* =========================================================
   Call to action
   ========================================================= */
.cta-section{
  padding:32px var(--gutter) 24px;
}
.cta-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  border-radius:32px;
  position:relative;
  overflow:hidden;
  background:#1DD9D2;
  color:#0F2E2A;
  padding:clamp(48px,7vw,120px) clamp(24px,5vw,80px);
  text-align:center;
}
.cta-box-2{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(15,46,42,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(15,46,42,0.07) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 80%);
  mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 80%);
  pointer-events:none;
}
.cta-box-3{
  position:absolute;
  width:800px;
  height:800px;
  left:50%;
  top:50%;
  margin:-400px 0 0 -400px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,0.45),transparent 60%);
  pointer-events:none;
}
.cta-box-4{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.cta-image-1{
  height:64px;
  display:block;
  margin-bottom:32px;
}
.cta-title-1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(40px,5.6vw,88px);
  line-height:0.98;
  letter-spacing:-0.045em;
  font-weight:800;
  margin:0 0 22px;
  max-width:1000px;
  text-wrap:balance;
}
.cta-text-1{
  font-size:19px;
  line-height:1.6;
  color:#0F3B36;
  margin:0 0 40px;
  max-width:640px;
}
.cta-box-5{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.cta-link-1{
  display:flex;
  align-items:center;
  gap:10px;
  height:56px;
  padding:0 28px;
  border-radius:10px;
  border:1px solid #0F2E2A;
  background:#0F2E2A;
  color:#fff;
  font-size:16px;
  font-weight:700;
  box-shadow:0 8px 24px rgba(15,46,42,0.2);
  transition:transform .2s,background .2s;
}
.cta-link-1:hover{
  background:#068A8C;
  border-color:#068A8C;
  color:#fff;
  transform:translateY(-2px);
}
.cta-label-1{
  font-size:18px;
}
.cta-link-2{
  display:flex;
  align-items:center;
  gap:10px;
  height:56px;
  padding:0 26px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.2);
  background:#15161C;
  color:#fff;
  font-size:16px;
  font-weight:600;
  transition:transform .2s,border-color .2s;
}
.cta-link-2:hover{
  border-color:rgba(255,255,255,0.5);
  color:#fff;
  transform:translateY(-2px);
}
.cta-image-2{
  height:20px;
  display:block;
}

/* =========================================================
   Footer
   ========================================================= */
.footer-section{
  padding:16px var(--gutter) 16px;
}
.footer-box-1{
  max-width:var(--container-max);
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  padding-top:14px;
  border-top:1px solid rgba(15,46,42,0.08);
}
.footer-image-1{
  height:48px;
  display:block;
}
.footer-box-2{
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  font-size:14px;
  font-weight:500;
}
.footer-link-1{
  color:#48625D;
}
.footer-box-3{
  font-size:13px;
  color:#5A716C;
}

/* =========================================================
   Interactive states (toggled by script.js)
   ========================================================= */
[data-tourtext]{display:none}
[data-tourbtn]{background:transparent;border:1px solid transparent}
[data-tourop]{opacity:.6}
[data-tourbtn].is-active{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14)}
[data-tourbtn].is-active [data-tourop]{opacity:1}
[data-tourbtn].is-active [data-tourtext]{display:block}
[data-wfstep]{opacity:.42;transition:opacity .4s}
[data-wfstep].is-active{opacity:1}
[data-wfdot]{background:#fff;color:#5A716C;border:1px solid rgba(15,46,42,0.12);box-shadow:none}
[data-wfstep].is-past [data-wfdot]{background:#0F2E2A;color:#1DD9D2;border-color:transparent}
[data-wfstep].is-active [data-wfdot]{background:linear-gradient(145deg,#1DD9D2,#068A8C);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(6,138,140,0.35)}
[data-wfpill]{width:10px;background:rgba(255,255,255,0.2)}
[data-wfpill].is-past{background:rgba(29,217,210,0.5)}
[data-wfpill].is-active{width:34px;background:#1DD9D2}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}