*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#f4f2ed;--bg2:#eae7e0;--white:#fdfcf8;
  --ink:#1b1e28;--ink2:#33364a;--ink3:#5c5f73;--ink4:#8b8d9e;--ink5:#b0b2bf;
  --blue:#4a6fa5;--blue-l:#5d82b6;--blue-w:rgba(74,111,165,0.07);
  --green:#4a8c6f;--border:#d5d1c8;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --mono:ui-monospace,'SF Mono',monospace;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}

/* REVEAL SYSTEM */
[data-r]{opacity:0;transform:translateY(40px);transition:opacity 0.9s var(--ease),transform 0.9s var(--ease)}
[data-r].v{opacity:1;transform:translateY(0)}
[data-r="slow"]{transition-duration:1.2s}
[data-r="d1"]{transition-delay:0.1s}
[data-r="d2"]{transition-delay:0.2s}
[data-r="d3"]{transition-delay:0.3s}
[data-r="d4"]{transition-delay:0.4s}
[data-r="left"]{opacity:0;transform:translateX(-40px)}
[data-r="left"].v{opacity:1;transform:translateX(0)}
[data-r="right"]{opacity:0;transform:translateX(40px)}
[data-r="right"].v{opacity:1;transform:translateX(0)}
[data-r="scale"]{opacity:0;transform:scale(0.96)}
[data-r="scale"].v{opacity:1;transform:scale(1)}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:0 clamp(24px,4vw,56px);height:72px;
  display:flex;align-items:center;justify-content:space-between;
  transition:background 0.4s,box-shadow 0.4s;
}
nav.scrolled{background:rgba(244,242,237,0.9);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border)}
.mobile-back{display:none;color:var(--ink);text-decoration:none;font-size:20px;padding-right:14px;border-right:1px solid var(--border);margin-right:14px;line-height:1;transition:color 0.2s}
.mobile-back:hover{color:var(--blue)}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-word{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--ink);font-weight:500}
.nav-right{display:flex;align-items:center;gap:36px}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{text-decoration:none;color:var(--ink3);font-size:13px;font-weight:500;transition:color 0.2s;letter-spacing:0.2px}
.nav-links a:hover{color:var(--ink)}
.nav-btn{
  padding:9px 24px;border:1.5px solid var(--ink);border-radius:100px;
  color:var(--ink);font-size:12px;font-weight:600;letter-spacing:0.5px;
  text-decoration:none;transition:all 0.3s;text-transform:uppercase;
}
.nav-btn:hover{background:var(--ink);color:var(--bg)}

/* HERO */
.hero{
  min-height:100vh;padding:0 clamp(24px,4vw,56px);
  display:flex;align-items:center;justify-content:center;
  text-align:center;position:relative;
}
.hero-content{max-width:820px;padding-top:72px}
.hero-tag{
  font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--ink4);margin-bottom:40px;font-weight:500;
}
.hero h1{
  font-family:var(--serif);font-size:clamp(44px,7vw,90px);
  line-height:1.02;letter-spacing:-2px;color:var(--ink);
  font-weight:300;margin-bottom:32px;
}
.hero h1 em{font-style:italic;font-weight:400;color:var(--blue)}
.hero-p{
  font-size:clamp(16px,1.8vw,19px);color:var(--ink3);line-height:1.75;
  max-width:520px;margin:0 auto 48px;font-weight:400;
}
.hero-btns{display:flex;gap:14px;justify-content:center;align-items:center}
.btn-fill{
  padding:16px 36px;background:var(--ink);border-radius:100px;
  color:var(--bg);font-size:14px;font-weight:600;text-decoration:none;
  transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;
}
.btn-fill:hover{background:var(--ink2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(27,30,40,0.12)}
.btn-outline{
  padding:16px 32px;border:1.5px solid var(--border);border-radius:100px;
  color:var(--ink3);font-size:14px;font-weight:500;text-decoration:none;transition:all 0.2s;
}
.btn-outline:hover{border-color:var(--ink4);color:var(--ink)}

.hero-scroll{
  position:absolute;bottom:40px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:var(--ink5);font-size:11px;letter-spacing:2px;text-transform:uppercase;
}
.scroll-line{width:1px;height:48px;background:var(--border);position:relative;overflow:hidden}
.scroll-line::after{
  content:'';position:absolute;top:-100%;left:0;width:1px;height:100%;
  background:var(--ink);animation:scrollDown 2s ease-in-out infinite;
}
@keyframes scrollDown{0%{top:-100%}50%{top:100%}100%{top:100%}}

/* NUMBERS STRIP */
.numbers{
  padding:80px clamp(24px,4vw,56px);
  display:flex;justify-content:center;gap:clamp(40px,6vw,100px);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.num-item{text-align:center}
.num-val{font-family:var(--serif);font-size:clamp(36px,5vw,56px);font-weight:300;color:var(--ink);letter-spacing:-2px;line-height:1;display:block}
.num-label{font-size:11px;color:var(--ink4);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;display:block;font-weight:500}

/* WHAT WE DO */
.what{padding:140px clamp(24px,4vw,56px);max-width:1320px;margin:0 auto}
.what-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:80px}
.what-top h2{font-family:var(--serif);font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-2px;font-weight:300;max-width:600px}
.what-top h2 em{font-style:italic;font-weight:400;color:var(--blue)}
.what-top p{font-size:16px;color:var(--ink3);line-height:1.8;max-width:380px;text-align:right}

.svc-list{display:flex;flex-direction:column;gap:0}
.svc-row{
  display:grid;grid-template-columns:60px 1fr 1.2fr;gap:32px;
  padding:40px 0;border-top:1px solid var(--border);align-items:start;
  transition:all 0.4s var(--ease);cursor:default;position:relative;
}
.svc-row:last-child{border-bottom:1px solid var(--border)}
.svc-row::before{
  content:'';position:absolute;left:-24px;top:0;bottom:0;width:3px;
  background:var(--blue);transform:scaleY(0);transform-origin:top;
  transition:transform 0.4s var(--ease);border-radius:2px;
}
.svc-row:hover{background:rgba(255,255,255,0.5);margin:0 -24px;padding-left:24px;padding-right:24px;border-radius:12px}
.svc-row:hover::before{transform:scaleY(1)}
.svc-row:hover .svc-num{color:var(--blue)}
.svc-row:hover .svc-name{transform:translateX(6px)}
.svc-num{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--ink5);padding-top:4px;transition:color 0.3s}
.svc-name{font-family:var(--serif);font-size:clamp(24px,3vw,36px);font-weight:400;letter-spacing:-0.5px;color:var(--ink);padding-top:2px;transition:transform 0.3s var(--ease)}
.svc-desc{font-size:15px;color:var(--ink3);line-height:1.75;transition:color 0.3s}
.svc-row:hover .svc-desc{color:var(--ink2)}

/* PROCESS */
.process{background:var(--ink);color:var(--bg);padding:140px clamp(24px,4vw,56px);position:relative;overflow:hidden}
.process::before{
  content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;
  border-radius:50%;border:1px solid rgba(255,255,255,0.03);pointer-events:none;
}
.process::after{
  content:'';position:absolute;bottom:-300px;left:-200px;width:800px;height:800px;
  border-radius:50%;border:1px solid rgba(255,255,255,0.02);pointer-events:none;
}
.process-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.process-header{margin-bottom:80px}
.process-header h2{font-family:var(--serif);font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-2px;font-weight:300;max-width:600px}
.process-header h2 em{font-style:italic;font-weight:400;color:var(--blue-l)}
.process-header p{font-size:16px;color:rgba(255,255,255,0.4);line-height:1.8;margin-top:20px;max-width:420px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.step{padding:0 32px;border-left:1px solid rgba(255,255,255,0.06);transition:all 0.4s var(--ease)}
.step:first-child{border-left:none;padding-left:0}
.step:last-child{padding-right:0}
.step:hover{transform:translateY(-4px)}
.step:hover h4{color:var(--blue-l)}
.step-num{font-family:var(--serif);font-size:64px;font-weight:300;color:rgba(255,255,255,0.12);line-height:1;margin-bottom:20px;transition:color 0.4s}
.step:hover .step-num{color:rgba(74,111,165,0.3)}
.step h4{font-family:var(--serif);font-size:22px;font-weight:400;margin-bottom:12px;letter-spacing:-0.3px;transition:color 0.3s}
.step p{font-size:14px;color:rgba(255,255,255,0.4);line-height:1.75}

/* INDUSTRIES */
.work{padding:140px clamp(24px,4vw,56px);max-width:1320px;margin:0 auto}
.work-header{text-align:center;margin-bottom:80px}
.work-header h2{font-family:var(--serif);font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-2px;font-weight:300}
.work-header h2 em{font-style:italic;font-weight:400;color:var(--blue)}
.work-header p{font-size:16px;color:var(--ink3);line-height:1.8;margin-top:16px;max-width:480px;margin-left:auto;margin-right:auto}
.work-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.work-card{
  background:var(--white);border-radius:20px;padding:44px 36px;
  border:1px solid var(--border);transition:all 0.4s var(--ease);
  display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;
}
.work-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--blue);transform:scaleX(0);transition:transform 0.4s var(--ease);transform-origin:left;
}
.work-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(27,30,40,0.06)}
.work-card:hover::before{transform:scaleX(1)}
.wc-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink4);font-weight:600}
.wc-title{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-0.5px;color:var(--ink)}
.wc-desc{font-size:14px;color:var(--ink3);line-height:1.75}
.wc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.wc-tag{font-size:10px;padding:4px 10px;background:var(--bg);border-radius:100px;color:var(--ink4);font-weight:500}

/* VOICES */
.voices{padding:140px clamp(24px,4vw,56px);background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.voices-inner{max-width:1320px;margin:0 auto}
.voices-header{margin-bottom:80px}
.voices-header h2{font-family:var(--serif);font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-2px;font-weight:300}
.voices-grid{display:grid;grid-template-columns:1.3fr 0.7fr;gap:24px}
.voice-big{
  background:var(--ink);border-radius:24px;padding:52px;color:var(--bg);
  display:flex;flex-direction:column;gap:28px;
}
.voice-big .q-mark{font-family:var(--serif);font-size:48px;color:rgba(255,255,255,0.1);line-height:1}
.voice-big blockquote{font-family:var(--serif);font-size:clamp(20px,2.5vw,26px);line-height:1.5;font-weight:300;color:rgba(255,255,255,0.85)}
.voice-big .v-stats{display:flex;gap:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.07)}
.v-stat-n{font-family:var(--serif);font-size:32px;font-weight:400;color:var(--blue-l);display:block}
.v-stat-l{font-size:11px;color:rgba(255,255,255,0.35);margin-top:2px;display:block}
.v-author{display:flex;align-items:center;gap:14px;margin-top:auto}
.v-avatar{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:14px;
}
.voice-big .v-avatar{background:rgba(74,111,165,0.15);color:var(--blue-l)}
.v-name{font-size:14px;font-weight:600}
.v-role{font-size:12px;opacity:0.5}
.voice-small-col{display:flex;flex-direction:column;gap:24px}
.voice-sm{
  background:var(--white);border:1px solid var(--border);border-radius:20px;
  padding:36px;flex:1;display:flex;flex-direction:column;gap:16px;
}
.voice-sm blockquote{font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--ink);font-weight:400}
.voice-sm .v-avatar{background:var(--bg);color:var(--ink3)}
.voice-sm .v-name{color:var(--ink)}
.voice-sm .v-role{color:var(--ink4)}

/* DEMO */
.demo{padding:140px clamp(24px,4vw,56px);max-width:1320px;margin:0 auto}
.demo-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.demo-text h2{font-family:var(--serif);font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-1.5px;font-weight:300;margin-bottom:20px}
.demo-text h2 em{font-style:italic;font-weight:400;color:var(--blue)}
.demo-text > p{font-size:16px;color:var(--ink3);line-height:1.8;margin-bottom:36px}
.demo-link{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 36px;background:var(--blue);border-radius:100px;
  color:white;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s;
}
.demo-link:hover{background:var(--blue-l);transform:translateY(-2px);box-shadow:0 8px 24px rgba(74,111,165,0.2)}
.demo-link .arr{transition:transform 0.2s}
.demo-link:hover .arr{transform:translateX(4px)}
.demo-preview{
  background:var(--white);border:1px solid var(--border);border-radius:20px;
  box-shadow:0 30px 70px rgba(27,30,40,0.05);overflow:hidden;
}
.d-bar{background:var(--bg2);border-bottom:1px solid var(--border);padding:13px 16px;display:flex;gap:7px}
.d-bar i{width:9px;height:9px;border-radius:50%;display:block}
.d-bar .dr{background:#d08080}.d-bar .dy{background:#c9a84f}.d-bar .dg{background:#5faa6e}
.d-body{padding:24px}
.d-kpis{display:flex;gap:10px;margin-bottom:14px}
.d-kpi{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px}
.d-kpi-l{font-size:9px;letter-spacing:1px;color:var(--ink4);text-transform:uppercase;margin-bottom:4px;font-weight:600}
.d-kpi-v{font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:-1px}

/* CHALLENGE */
.challenge{
  background:var(--ink);color:var(--bg);
  padding:160px clamp(24px,4vw,56px);text-align:center;position:relative;overflow:hidden;
}
.challenge::before{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,111,165,0.08) 0%,transparent 70%);pointer-events:none;
}
.challenge-content{max-width:760px;margin:0 auto;position:relative;z-index:1}
.challenge h2{
  font-family:var(--serif);font-size:clamp(44px,6vw,80px);line-height:1.02;
  letter-spacing:-2px;font-weight:300;margin-bottom:28px;
}
.challenge h2 em{font-style:italic;font-weight:400;color:var(--blue-l)}
.challenge > p{font-size:17px;color:rgba(255,255,255,0.45);line-height:1.8;max-width:500px;margin:0 auto 56px}
.ch-steps{display:flex;gap:0;justify-content:center;margin-bottom:56px}
.ch-s{padding:0 clamp(16px,3vw,40px);border-left:1px solid rgba(255,255,255,0.06);text-align:left}
.ch-s:first-child{border-left:none}
.ch-s-num{font-family:var(--serif);font-size:48px;font-weight:300;color:rgba(255,255,255,0.12);line-height:1;margin-bottom:14px;transition:color 0.4s}
.ch-s:hover .ch-s-num{color:rgba(74,111,165,0.3)}
.ch-s:hover h4{color:var(--blue-l)}
.ch-s h4{font-family:var(--serif);font-size:19px;font-weight:400;margin-bottom:8px;transition:color 0.3s}
.ch-s p{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.65;max-width:200px}
.ch-cta-row{text-align:center}
.ch-cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:18px 44px;background:var(--blue);border-radius:100px;
  color:white;font-size:15px;font-weight:600;text-decoration:none;transition:all 0.3s;
  border:none;cursor:pointer;font-family:var(--sans);
}
.ch-cta:hover{background:var(--blue-l);transform:translateY(-2px);box-shadow:0 8px 30px rgba(74,111,165,0.3)}

/* CHALLENGE FORM MODAL */
.ch-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(27,30,40,0.7);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity 0.4s var(--ease);
  padding:24px;
}
.ch-overlay.open{opacity:1;pointer-events:all}
.ch-overlay.open .ch-modal{transform:translateY(0);opacity:1}
.ch-modal{
  background:var(--ink);border:1px solid rgba(255,255,255,0.08);
  border-radius:24px;padding:48px;max-width:520px;width:100%;
  color:var(--bg);position:relative;
  transform:translateY(24px);opacity:0;transition:all 0.5s var(--ease);
  max-height:90vh;overflow-y:auto;
}
.ch-modal-close{
  position:absolute;top:20px;right:20px;
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
  color:rgba(255,255,255,0.5);font-size:18px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all 0.2s;
}
.ch-modal-close:hover{background:rgba(255,255,255,0.1);color:white}
.ch-form-title{font-family:var(--serif);font-size:28px;font-weight:400;margin-bottom:8px;letter-spacing:-0.5px}
.ch-form-sub{font-size:13px;color:rgba(255,255,255,0.4);margin-bottom:32px;line-height:1.6}
.ch-form-row{display:flex;gap:12px;margin-bottom:16px}
.ch-form-row.full{flex-direction:column}
.ch-field{flex:1;display:flex;flex-direction:column;gap:6px}
.ch-field label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.4);font-weight:600}
.ch-field input,.ch-field textarea{
  padding:13px 16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;font-size:14px;font-family:var(--sans);color:var(--bg);outline:none;
  transition:border-color 0.3s;resize:vertical;
}
.ch-field input::placeholder,.ch-field textarea::placeholder{color:rgba(255,255,255,0.25)}
.ch-field input:focus,.ch-field textarea:focus{border-color:var(--blue-l)}
.ch-field textarea{min-height:80px}
.ch-upload{
  display:flex;align-items:center;gap:12px;padding:16px;
  background:rgba(255,255,255,0.03);border:1.5px dashed rgba(255,255,255,0.1);
  border-radius:10px;cursor:pointer;transition:all 0.3s;margin-bottom:8px;
}
.ch-upload:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2)}
.ch-upload input[type="file"]{display:none}
.ch-upload-icon{
  width:40px;height:40px;border-radius:10px;background:rgba(74,111,165,0.15);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--blue-l);font-size:18px;
}
.ch-upload-text{display:flex;flex-direction:column;gap:2px}
.ch-upload-text span{font-size:13px;color:rgba(255,255,255,0.6);font-weight:500}
.ch-upload-text small{font-size:11px;color:rgba(255,255,255,0.3)}
.ch-file-name{font-size:12px;color:var(--blue-l);margin-bottom:16px;padding-left:4px}
.ch-submit{
  width:100%;padding:16px;background:var(--blue);border:none;border-radius:100px;
  color:white;font-size:15px;font-weight:600;font-family:var(--sans);
  cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:8px;
}
.ch-submit:hover{background:var(--blue-l);transform:translateY(-2px);box-shadow:0 8px 24px rgba(74,111,165,0.3)}
.ch-submit:disabled{opacity:0.6;pointer-events:none}

/* Success state */
.ch-success{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:20px;padding:40px 0;
}
.ch-success-icon{
  width:64px;height:64px;border-radius:50%;background:rgba(74,140,111,0.15);
  display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--green);
}
.ch-success h3{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-0.5px}
.ch-success p{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.7;max-width:340px}

/* CTA */
.cta{padding:140px clamp(24px,4vw,56px);text-align:center;max-width:700px;margin:0 auto}
.cta h2{font-family:var(--serif);font-size:clamp(40px,5vw,64px);letter-spacing:-2px;line-height:1.05;font-weight:300;margin-bottom:20px}
.cta h2 em{font-style:italic;font-weight:400;color:var(--blue)}
.cta > p{font-size:17px;color:var(--ink3);margin-bottom:40px;line-height:1.8}
.cta-form{display:flex;justify-content:center;gap:10px;max-width:420px;margin:0 auto}
.cta-form input{
  flex:1;padding:15px 20px;border:1.5px solid var(--border);border-radius:100px;
  font-size:14px;font-family:var(--sans);background:var(--white);color:var(--ink);outline:none;
  transition:border-color 0.3s;
}
.cta-form input:focus{border-color:var(--blue)}
.cta-note{font-size:12px;color:var(--ink4);margin-top:16px}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:52px clamp(24px,4vw,56px) 36px;max-width:1320px;margin:0 auto}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--border);margin-bottom:24px}
.f-brand{display:flex;flex-direction:column;gap:14px}
.f-brand-top{display:flex;align-items:center;gap:12px}
.f-brand-top span{font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:500;color:var(--ink)}
.f-brand p{font-size:13px;color:var(--ink3);line-height:1.7;max-width:280px}
.f-col-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink5);margin-bottom:14px;font-weight:600}
.f-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.f-links a{text-decoration:none;color:var(--ink3);font-size:13px;transition:color 0.2s}
.f-links a:hover{color:var(--ink)}
.f-bottom{font-size:12px;color:var(--ink4)}

@media(max-width:900px){
  nav{padding:0 20px;height:64px}
  .nav-logo{gap:8px}
  .nav-word{letter-spacing:3px;font-size:10px}
  .nav-btn{padding:8px 16px;font-size:11px;letter-spacing:0}
  .mobile-back{display:block;margin-right:10px;padding-right:10px}
  .nav-links{display:none}
  .hero-content{padding-top:64px}
  .hero h1{font-size:40px;letter-spacing:-1px}
  .hero-btns{flex-direction:column}
  .hero-scroll{display:none}
  .numbers{flex-wrap:wrap;gap:32px;padding:48px 24px}
  .what,.work,.demo,.cta{padding:80px 24px}
  .what-top{flex-direction:column;align-items:flex-start}
  .what-top p{text-align:left}
  .svc-row{grid-template-columns:30px 1fr;gap:8px 16px}
  .svc-num{font-size:22px;padding-top:2px}
  .svc-name{font-size:24px}
  .svc-desc{grid-column:2;font-size:15px}
  .process,.voices,.challenge{padding:80px 24px}
  .steps{grid-template-columns:1fr}
  .step{border-left:none;padding:24px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
  .step:first-child{padding-left:0}
  
  .work-cards{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0 -24px;padding:0 24px 24px;gap:16px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .work-cards::-webkit-scrollbar{display:none}
  .work-card{flex:0 0 85%;scroll-snap-align:center}
  
  .voices-grid{grid-template-columns:1fr}
  .voice-big{padding:32px 24px;gap:24px}
  .voice-big .v-stats{gap:16px;flex-wrap:wrap;justify-content:space-between}
  .voice-big blockquote{font-size:20px}
  .voice-big .v-stat-n{font-size:28px}

  .demo-layout{grid-template-columns:1fr;gap:40px}
  .ch-steps{flex-direction:column;align-items:center}
  .ch-s{border-left:none;text-align:center;padding:20px 0;border-top:1px solid rgba(255,255,255,0.06)}
  .ch-s:first-child{border-top:none}
  .ch-s p{margin:0 auto}
  
  .ch-overlay{padding:16px}
  .ch-modal{padding:32px 20px}
  .ch-form-row{flex-direction:column;gap:16px}
  .ch-modal-close{top:12px;right:12px}

  .f-grid{grid-template-columns:1fr;gap:28px}
  .cta-form{flex-direction:column}
}