@charset "UTF-8";
:root{
  color-scheme:dark;
  --void:#0a0706;
  --void-deep:#060403;
  --shadow:#100a07;
  --paper:#f4efe4;
  --paper-2:#f2efe8;
  --amber:#ff7708;
  --amber-hot:#ff8a2b;
  --amber-hi:#ffa049;
  --amber-ink:#ee6b00;
  --amber-deep:#7a3408;
  --amber-glow:rgba(255, 119, 8, 0.14);
  --bone:#ede7d9;
  --bone-dim:#a89f8c;
  --bone-faint:#8a7f72;
  --ink:#14110e;
  --ink-dim:#4a4138;
  --ink-faint:#6a625a;
  --hair-d:rgba(237, 231, 217, 0.10);
  --hair-d-2:rgba(237, 231, 217, 0.20);
  --hair-d-ghost:rgba(237, 231, 217, 0.028);
  --hair-l:rgba(20, 17, 14, 0.12);
  --hair-l-2:rgba(20, 17, 14, 0.22);
  --glow-dot:0 0 14px rgba(255, 119, 8, 0.7), 0 0 3px rgba(255, 119, 8, 0.9);
  --glow-dot-hi:0 0 16px rgba(255, 119, 8, 0.85), 0 0 3px rgba(255, 119, 8, 1);
  --glow-dot-sm:0 0 10px rgba(255, 119, 8, 0.7);
  --glow-dot-soft:0 0 8px rgba(255, 119, 8, 0.45);
  --glow-rail:0 0 10px rgba(255, 119, 8, 0.55);
  --font:"Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:20px;
  --s-6:24px;
  --s-8:32px;
  --s-10:40px;
  --s-12:48px;
  --s-16:64px;
  --s-20:80px;
  --s-24:96px;
  --s-32:128px;
  --r-xs:2px;
  --r-sm:4px;
  --r-pill:999px;
  --px:clamp(1.25rem, 3vw, 2.75rem);
  --wrap:1220px;
  --wrap-sm:760px;
  --ease:cubic-bezier(0.77, 0, 0.175, 1);
  --ease-out:cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);
  --dur-fast:140ms;
  --dur-base:240ms;
  --dur-slow:480ms;
  --tr:240ms var(--ease-out);
  --tr-slow:820ms var(--ease);
}
@media (min-width: 1100px){
  :root{
    --wrap:1340px;
    --px:clamp(2rem, 3vw, 3.25rem);
  }
  html{
    font-size:18.5px;
  }
}
@media (min-width: 1500px){
  :root{
    --wrap:1400px;
  }
  html{
    font-size:19.5px;
  }
}
@font-face{
  font-family:"Satoshi";
  src:url("../fonts/Satoshi-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Satoshi";
  src:url("../fonts/Satoshi-Medium.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Satoshi";
  src:url("../fonts/Satoshi-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Satoshi";
  src:url("../fonts/Satoshi-Black.woff2") format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
*, *::before, *::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  background:var(--void);
  color:var(--bone);
  font-family:var(--font);
  font-size:17px;
  line-height:1.55;
  font-feature-settings:"ss01", "ss02";
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}

h1, h2, h3, h4, p, ol, ul, dl, dd, figure, blockquote{
  margin:0;
}

ol, ul{
  padding:0;
  list-style:none;
}

a{
  color:inherit;
  text-decoration:none;
}

img, svg{
  display:block;
  max-width:100%;
}

button{
  font:inherit;
  color:inherit;
  background:none;
  border:0;
  cursor:pointer;
  padding:0;
}

::-moz-selection{
  background:rgba(255, 119, 8, 0.35);
  color:var(--bone);
}

::selection{
  background:rgba(255, 119, 8, 0.35);
  color:var(--bone);
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:0.7rem;
  font-family:var(--font);
  font-weight:500;
  font-size:0.78rem;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:var(--bone-faint);
}
.eyebrow::before{
  content:"";
  display:inline-block;
  width:1.5rem;
  height:1px;
  background:var(--amber);
  flex-shrink:0;
  transform-origin:left center;
}

.bg-paper .eyebrow,
.bg-paper-2 .eyebrow{
  color:var(--ink-faint);
}

.bg-paper .eyebrow::before,
.bg-paper-2 .eyebrow::before{
  background:var(--amber-ink);
}
@media (prefers-reduced-motion: no-preference){
  .eyebrow.rv::before{
    transform:scaleX(0);
    transition:transform 0.9s var(--ease) 0.15s;
  }
  .eyebrow.rv.is-in::before{
    transform:scaleX(1);
  }
}
.display{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(3.25rem, 11.5vw, 8rem);
  line-height:0.92;
  letter-spacing:-0.035em;
}

.h1{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2.75rem, 7vw, 5rem);
  line-height:0.98;
  letter-spacing:-0.028em;
}

.h2{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2.25rem, 5.8vw, 4rem);
  line-height:0.96;
  letter-spacing:-0.024em;
}

.h3{
  font-family:var(--font);
  font-weight:700;
  font-size:clamp(1.4rem, 2.6vw, 1.8rem);
  line-height:1.15;
  letter-spacing:-0.015em;
}

.lead{
  font-size:clamp(1.0625rem, 1.35vw, 1.1875rem);
  line-height:1.55;
  max-width:54ch;
  color:var(--bone-dim);
  font-weight:400;
}

.bg-paper .lead,
.bg-paper-2 .lead{
  color:var(--ink-dim);
}

.amber{
  color:var(--amber);
}

.accent{
  color:var(--bone);
}

.bg-paper .accent,
.bg-paper-2 .accent{
  color:var(--ink);
}
.bg-paper :is(.display, h1, h2, h3, .h1, .h2, .h3, .svc__title, .process-head__title, .receipts-head__title, .step__title, .feat__title, .phero__title) .amber,
.bg-paper-2 :is(.display, h1, h2, h3, .h1, .h2, .h3, .svc__title, .process-head__title, .receipts-head__title, .step__title, .feat__title, .phero__title) .amber{
  color:var(--amber-ink);
}

.bg-paper .amber,
.bg-paper-2 .amber{
  color:inherit;
}
.btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 1.6rem;
  min-height:3rem;
  font-family:var(--font);
  font-weight:600;
  font-size:0.85rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--amber);
  background:transparent;
  border:1px solid var(--amber);
  border-radius:var(--r-xs);
  cursor:pointer;
  white-space:nowrap;
  transition:background var(--tr), border-color var(--tr), color var(--tr);
}
.btn::before{
  content:"";
  position:absolute;
  inset:-7px;
  border-top:1px solid var(--amber);
  border-bottom:1px solid var(--amber);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform 0.4s var(--ease) 0.2s;
  pointer-events:none;
}
.btn::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-left:1px solid var(--amber);
  border-right:1px solid var(--amber);
  transform:scaleY(0);
  transform-origin:center;
  transition:transform 0.4s var(--ease);
  pointer-events:none;
}
.btn:hover::before, .btn:focus-visible::before{
  transform:scaleX(1);
  transition:transform 0.4s var(--ease);
}
.btn:hover::after, .btn:focus-visible::after{
  transform:scaleY(1);
  transition:transform 0.4s var(--ease) 0.2s;
}
.btn--solid{
  color:var(--void);
  background:var(--amber);
}
.btn--solid:hover, .btn--solid:focus-visible{
  background:var(--amber-hot);
  border-color:var(--amber-hot);
}
.btn--bone{
  color:var(--void);
  background:var(--bone);
  border-color:var(--bone);
}
.btn--ink{
  color:var(--paper);
  background:var(--ink);
  border-color:var(--ink);
}
.btn--sm{
  min-height:2.75rem;
  padding:0 1.25rem;
  font-size:0.78rem;
  letter-spacing:0.18em;
}

.btn--lg{
  min-height:3.5rem;
  padding:0 2rem;
  font-size:0.9rem;
}

@media (prefers-reduced-motion: reduce){
  .btn,
  .btn::before,
  .btn::after{
    transition:none;
  }
}
.link{
  position:relative;
  display:inline-flex;
  align-items:center;
  font-family:var(--font);
  font-weight:600;
  font-size:0.85rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:inherit;
  padding:0.6rem 0;
  transition:color var(--tr);
}
.link:hover, .link:focus-visible{
  color:var(--bone);
}

.link__line{
  position:relative;
  display:inline-block;
}
.link__line::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:1px;
  background:var(--amber);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 0.4s var(--ease);
}

.link:hover .link__line::after,
.link:focus-visible .link__line::after{
  transform:scaleX(1);
  transform-origin:left;
}

.bg-paper .link:hover,
.bg-paper .link:focus-visible,
.bg-paper-2 .link:hover,
.bg-paper-2 .link:focus-visible{
  color:var(--ink);
}
.bg-paper .link__line::after,
.bg-paper-2 .link__line::after{
  background:var(--amber-ink);
}
.link--amber{
  color:var(--amber);
}

.link--amber:hover,
.link--amber:focus-visible{
  color:var(--bone);
}

.link--quiet{
  color:var(--bone-dim);
}

.link--quiet:hover,
.link--quiet:focus-visible{
  color:var(--bone);
}
.wrap{
  width:100%;
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 var(--px);
}

.wrap--sm{
  max-width:var(--wrap-sm);
}

.sec{
  padding:clamp(5rem, 9vw, 8rem) 0;
  position:relative;
}

.sec--tight{
  padding:clamp(3.75rem, 7vw, 6rem) 0;
}

.bg-void{
  background:var(--void);
}

.bg-deep{
  background:var(--void-deep);
}

.bg-shadow{
  background:var(--shadow);
}

.bg-paper{
  background:var(--paper);
  color:var(--ink);
}

.bg-paper-2{
  background:var(--paper-2);
  color:var(--ink);
}
.svc-sec,
.process-sec,
.receipts-sec,
.contact-sec{
  content-visibility:auto;
  contain-intrinsic-size:auto 640px;
}
@media (prefers-reduced-motion: no-preference){
  .rv{
    opacity:0;
    transform:translateY(20px);
    transition:opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out);
  }
  .rv.is-in{
    opacity:1;
    transform:translateY(0);
  }
}
.skip-link{
  position:absolute;
  top:0;
  left:0;
  padding:0.85rem 1.25rem;
  background:var(--amber);
  color:var(--void);
  font-weight:700;
  font-size:0.9rem;
  border-radius:var(--r-xs);
  z-index:200;
  transform:translateY(-110%);
  transition:transform var(--tr);
}
.skip-link:focus-visible{
  transform:translateY(0);
  outline:2px solid var(--bone);
  outline-offset:2px;
}

:focus-visible{
  outline:2px solid var(--amber);
  outline-offset:3px;
  border-radius:var(--r-xs);
}
.bg-paper :focus-visible,
.bg-paper-2 :focus-visible{
  outline-color:var(--amber-ink);
}

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

#content[tabindex="-1"]:focus{
  outline:0;
}
html[lang=en] [data-lang=pl],
html[lang=pl] [data-lang=en]{
  display:none !important;
}
.meridian{
  display:inline-flex;
  align-items:center;
  gap:0.9rem;
}

.meridian__dot{
  width:7px;
  height:7px;
  border-radius:var(--r-pill);
  background:var(--amber);
  box-shadow:var(--glow-dot);
  flex-shrink:0;
}

.meridian__line{
  height:1px;
  width:clamp(7rem, 18vw, 16rem);
  background:linear-gradient(90deg, rgba(255, 119, 8, 0) 0%, rgba(255, 119, 8, 0.45) 10%, var(--amber) 32%, var(--amber) 68%, rgba(255, 119, 8, 0.45) 90%, rgba(255, 119, 8, 0) 100%);
  transform-origin:left center;
}
.meridian--v{
  flex-direction:column;
  gap:0.9rem;
}
.meridian--v .meridian__line{
  width:1px;
  height:clamp(10rem, 22vh, 16rem);
  background:linear-gradient(to bottom, rgba(255, 119, 8, 0) 0%, rgba(255, 119, 8, 0.45) 10%, var(--amber) 32%, var(--amber) 68%, rgba(255, 119, 8, 0.45) 90%, rgba(255, 119, 8, 0) 100%);
  transform-origin:top center;
}
.meridian--soft .meridian__line{
  background:linear-gradient(90deg, rgba(255, 119, 8, 0) 0%, rgba(255, 119, 8, 0.35) 12%, rgba(255, 119, 8, 0.6) 30%, rgba(255, 119, 8, 0.6) 70%, rgba(255, 119, 8, 0.35) 88%, rgba(255, 119, 8, 0) 100%);
}
.meridian--soft .meridian__dot{
  background:var(--amber-deep);
  box-shadow:var(--glow-dot-soft);
}
.meridian--full{
  display:flex;
  width:100%;
}
.meridian--full .meridian__line{
  flex:1;
  width:auto;
  min-width:0;
}
.bg-paper .meridian__dot, .bg-paper-2 .meridian__dot{
  background:var(--amber-ink);
  box-shadow:0 0 10px rgba(238, 107, 0, 0.35);
}
.bg-paper .meridian__line, .bg-paper-2 .meridian__line{
  background:linear-gradient(90deg, rgba(238, 107, 0, 0) 0%, rgba(238, 107, 0, 0.4) 10%, var(--amber-ink) 32%, var(--amber-ink) 68%, rgba(238, 107, 0, 0.4) 90%, rgba(238, 107, 0, 0) 100%);
}
.bg-paper .meridian--v .meridian__line, .bg-paper-2 .meridian--v .meridian__line{
  background:linear-gradient(to bottom, rgba(238, 107, 0, 0) 0%, rgba(238, 107, 0, 0.4) 10%, var(--amber-ink) 32%, var(--amber-ink) 68%, rgba(238, 107, 0, 0.4) 90%, rgba(238, 107, 0, 0) 100%);
}
@media (prefers-reduced-motion: no-preference){
  .meridian--draw .meridian__dot:first-child{
    opacity:0;
    transition:opacity 0.6s var(--ease-out) 0.1s;
  }
  .meridian--draw .meridian__line{
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform 1.3s var(--ease) 0.35s;
  }
  .meridian--draw .meridian__dot:last-child{
    opacity:0;
    transition:opacity 0.6s var(--ease-out) 1.55s;
  }
  .meridian--draw.meridian--v .meridian__line{
    transform:scaleY(0);
    transform-origin:top center;
    transition:transform 1.3s var(--ease) 0.35s;
  }
  .meridian--draw.is-in .meridian__dot:first-child,
  .meridian--draw.is-in .meridian__dot:last-child{
    opacity:1;
  }
  .meridian--draw.is-in .meridian__line{
    transform:scaleX(1);
  }
  .meridian--draw.is-in.meridian--v .meridian__line{
    transform:scaleY(1);
  }
}
.section-separator{
  max-width:500px;
  margin:0 auto clamp(3.5rem, 7vw, 5.5rem);
}
.rail,
.steps{
  --rail-rx:0.9rem;
  --rail-dot:7px;
  position:relative;
  padding-left:calc(var(--rail-rx) + 1.25rem);
  list-style:none;
  margin:0;
}

.rail--big,
.steps{
  --rail-rx:1.25rem;
  --rail-dot:13px;
  padding-left:calc(var(--rail-rx) + 2rem);
}
@media (min-width: 720px){
  .rail--big,
  .steps{
    --rail-rx:1.5rem;
    padding-left:calc(var(--rail-rx) + 2.5rem);
  }
}

.steps{
  max-width:58rem;
  margin:0 auto;
}

.rail__track,
.steps__rail{
  position:absolute;
  top:0.55rem;
  bottom:0.55rem;
  left:var(--rail-rx);
  width:1px;
  transform:translateX(-0.5px);
  pointer-events:none;
  mask-image:linear-gradient(to bottom, #000 0%, #000 86%, transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 86%, transparent 100%);
}

.steps__rail{
  top:1rem;
  bottom:1rem;
}

.rail__track-bg,
.steps__rail-bg{
  position:absolute;
  inset:0;
  background:var(--hair-d-2);
}

.rail__track-fill,
.steps__rail-fill{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:100%;
  background:linear-gradient(to bottom, var(--amber-deep) 0%, var(--amber) 50%, var(--amber-hi) 100%);
  box-shadow:var(--glow-rail);
  transform:scaleY(var(--fill, 0));
  transform-origin:top;
  transition:transform 1.1s var(--ease);
  will-change:transform;
}

.rail__step,
.step{
  position:relative;
  padding:0.55rem 0;
}

.rail--big .rail__step,
.step{
  padding:clamp(1.75rem, 3vw, 2.5rem) 0;
}
.rail--big .rail__step + .rail--big .rail__step,
.rail--big .rail__step + .step,
.step + .rail--big .rail__step,
.step + .step{
  border-top:1px solid var(--hair-d);
}

.rail__dot,
.step__dot{
  position:absolute;
  left:calc(-1 * (var(--rail-rx) + 1.25rem) + var(--rail-rx));
  top:1.05rem;
  width:var(--rail-dot);
  height:var(--rail-dot);
  border-radius:var(--r-pill);
  background:var(--void);
  border:1px solid var(--amber-deep);
  transform:translateX(-50%);
  transition:background 0.45s var(--ease), border-color 0.45s var(--ease), box-shadow 0.45s var(--ease), transform 0.45s var(--ease);
  z-index:2;
}
.rail__dot.is-lit,
.step__dot.is-lit{
  background:var(--amber);
  border-color:var(--amber);
  box-shadow:var(--glow-dot-hi);
  transform:translateX(-50%) scale(1.12);
}

.step__dot{
  width:13px;
  height:13px;
  left:calc(-1 * (var(--rail-rx) + 2rem) + var(--rail-rx));
  top:clamp(2.3rem, 3.5vw, 3.1rem);
  transition:background 0.5s var(--ease), border-color 0.5s var(--ease), box-shadow 0.5s var(--ease), transform 0.5s var(--ease);
}
.step__dot.is-lit{
  transform:translateX(-50%) scale(1.05);
}
@media (min-width: 720px){
  .step__dot{
    left:calc(-1 * (var(--rail-rx) + 2.5rem) + var(--rail-rx));
  }
}
.rail--h{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  position:relative;
  padding:1.3rem 0 0.25rem;
  list-style:none;
  margin:0;
}
.rail--h .rail__track{
  top:1.3rem;
  bottom:auto;
  left:8%;
  right:8%;
  width:auto;
  height:1px;
  transform:none;
  mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
}
.rail--h .rail__track-fill{
  background:linear-gradient(to right, var(--amber-deep) 0%, var(--amber) 50%, var(--amber-hi) 100%);
  transform:scaleX(var(--fill, 0));
  transform-origin:left center;
  transition:transform 1.1s var(--ease);
}
.rail--h .rail__step{
  padding:0;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.45rem;
}
.rail--h .rail__dot{
  position:relative;
  left:auto;
  top:auto;
  transform:none;
}
.rail--h .rail__dot.is-lit{
  transform:scale(1.15);
}
.sdot{
  width:7px;
  height:7px;
  border-radius:var(--r-pill);
  background:var(--amber);
  box-shadow:var(--glow-dot-sm);
  animation:sdot-pulse 2.6s ease-in-out infinite;
  display:inline-block;
  flex-shrink:0;
}

@keyframes sdot-pulse{
  0%, 100%{
    opacity:0.85;
    transform:scale(1);
  }
  50%{
    opacity:1;
    transform:scale(1.28);
  }
}
@media (prefers-reduced-motion: reduce){
  .sdot{
    animation:none;
  }
}
.browser{
  background:var(--void);
  border:1px solid var(--hair-d);
  border-radius:var(--r-sm);
  overflow:hidden;
  box-shadow:0 28px 62px -22px rgba(10, 7, 6, 0.55), 0 12px 30px -22px rgba(255, 119, 8, 0.14);
}

.browser__chrome{
  display:flex;
  align-items:center;
  gap:0.5rem;
  padding:0.65rem 0.85rem;
  background:var(--shadow);
  border-bottom:1px solid rgba(237, 231, 217, 0.08);
}

.browser__light{
  width:9px;
  height:9px;
  border-radius:var(--r-pill);
  background:rgba(237, 231, 217, 0.22);
  flex-shrink:0;
}

.browser__url{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  margin-left:0.4rem;
  padding:0.35rem 0.7rem;
  flex:1;
  max-width:28rem;
  font-family:var(--font);
  font-size:0.78rem;
  font-weight:500;
  color:var(--bone-dim);
  background:rgba(237, 231, 217, 0.04);
  border-radius:var(--r-xs);
  letter-spacing:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.browser__url em{
  font-style:normal;
  color:var(--bone-faint);
}

.browser__lock{
  width:10px;
  height:10px;
  color:var(--bone-faint);
  flex-shrink:0;
}

.browser__screen{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:repeating-linear-gradient(45deg, rgba(237, 231, 217, 0.02) 0 14px, rgba(237, 231, 217, 0.04) 14px 28px), var(--void);
}
.browser__screen img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  display:block;
}

.browser__placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  color:var(--bone-faint);
  font-family:var(--font);
  padding:1.5rem;
  text-align:center;
}

.browser__placeholder-title{
  font-weight:700;
  font-size:1rem;
  color:var(--bone-dim);
  letter-spacing:-0.01em;
}

.browser__placeholder-note{
  font-size:0.72rem;
  letter-spacing:0.2em;
  text-transform:uppercase;
}
.nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:60;
  border-bottom:1px solid transparent;
  transition:background var(--tr-slow), border-color var(--tr-slow);
}
.nav.is-scrolled{
  background:rgba(6, 4, 3, 0.82);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom-color:var(--hair-d);
}

.nav__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:4.5rem;
  padding:0 var(--px);
  gap:1rem;
  max-width:calc(var(--wrap) + var(--px) * 2);
  margin:0 auto;
}
@media (min-width: 720px){
  .nav__row{
    height:5rem;
  }
}

.nav__logo{
  display:block;
}
.nav__logo svg{
  height:20px;
  width:auto;
}
@media (min-width: 720px){
  .nav__logo svg{
    height:22px;
  }
}

.nav__right{
  display:flex;
  align-items:center;
  gap:clamp(0.5rem, 2vw, 1.5rem);
}

.nav__links{
  display:none;
  align-items:center;
  gap:clamp(1rem, 2.5vw, 2rem);
}
@media (min-width: 840px){
  .nav__links{
    display:flex;
  }
}
.nav__links a{
  font-family:var(--font);
  font-weight:500;
  font-size:0.85rem;
  letter-spacing:0.02em;
  color:rgba(237, 231, 217, 0.78);
  position:relative;
  padding:0.7rem 0;
  transition:color var(--tr);
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.nav__links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0.45rem;
  height:1px;
  background:var(--amber);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 0.4s var(--ease);
}
.nav__links a:hover, .nav__links a:focus-visible, .nav__links a[aria-current=page]{
  color:var(--bone);
}
.nav__links a:hover::after, .nav__links a:focus-visible::after, .nav__links a[aria-current=page]::after{
  transform:scaleX(1);
  transform-origin:left;
}
.nav__lang{
  display:none;
  align-items:center;
  gap:0.35rem;
  padding-left:clamp(0.75rem, 1.5vw, 1.25rem);
  border-left:1px solid var(--hair-d);
  font-family:var(--font);
  font-weight:600;
  font-size:0.78rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
}
@media (min-width: 840px){
  .nav__lang{
    display:inline-flex;
  }
}
.nav__lang a, .nav__lang button, .nav__lang .is-active{
  padding:0.55rem 0.35rem;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  color:rgba(237, 231, 217, 0.45);
  transition:color var(--tr);
  font:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
}
.nav__lang a:hover,
.nav__lang a:focus-visible,
.nav__lang button:hover,
.nav__lang button:focus-visible,
.nav__lang .is-active{
  color:var(--bone);
}
.nav__lang .sep{
  color:var(--bone-faint);
  opacity:0.5;
  font-weight:400;
}
.nav__toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid var(--hair-d-2);
  border-radius:var(--r-xs);
  color:var(--bone);
  transition:border-color var(--tr), background var(--tr);
  flex-shrink:0;
}
.nav__toggle:hover, .nav__toggle:focus-visible{
  border-color:var(--amber);
  background:rgba(255, 119, 8, 0.06);
}
@media (min-width: 840px){
  .nav__toggle{
    display:none;
  }
}
.nav__toggle span{
  display:block;
  width:18px;
  height:2px;
  background:currentColor;
  position:relative;
  transition:background var(--tr);
}
.nav__toggle span::before, .nav__toggle span::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  background:currentColor;
  transition:transform var(--tr), top var(--tr);
}
.nav__toggle span::before{
  top:-6px;
}
.nav__toggle span::after{
  top:6px;
}

.nav.is-open .nav__toggle span{
  background:transparent;
}
.nav.is-open .nav__toggle span::before{
  top:0;
  transform:rotate(45deg);
}
.nav.is-open .nav__toggle span::after{
  top:0;
  transform:rotate(-45deg);
}

.nav__cta-desktop{
  display:none;
}
@media (min-width: 840px){
  .nav__cta-desktop{
    display:inline-flex;
  }
}
.nav__drawer{
  display:none;
  overflow:hidden;
  max-height:0;
  transition:max-height 0.5s var(--ease);
  background:rgba(6, 4, 3, 0.96);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--hair-d);
}
@media (max-width: 839px){
  .nav__drawer{
    display:block;
  }
}

.nav.is-open .nav__drawer{
  max-height:32rem;
}

.nav__drawer-inner{
  padding:0.5rem var(--px) 1.75rem;
  display:flex;
  flex-direction:column;
  gap:0.25rem;
}
.nav__drawer-inner > a{
  position:relative;
  font-family:var(--font);
  font-weight:500;
  font-size:1.0625rem;
  color:rgba(237, 231, 217, 0.78);
  padding:0.95rem 0;
  border-bottom:1px solid var(--hair-d);
  min-height:44px;
  display:flex;
  align-items:center;
  transition:color var(--tr);
}
.nav__drawer-inner > a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:var(--amber);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 0.4s var(--ease);
}
.nav__drawer-inner > a:hover, .nav__drawer-inner > a:focus-visible, .nav__drawer-inner > a[aria-current=page]{
  color:var(--bone);
}
.nav__drawer-inner > a:hover::after, .nav__drawer-inner > a:focus-visible::after, .nav__drawer-inner > a[aria-current=page]::after{
  transform:scaleX(1);
  transform-origin:left;
}

.nav__drawer-lang{
  margin-top:1.25rem;
  padding-top:1.25rem;
  border-top:1px solid var(--hair-d);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.nav__drawer-lang .label{
  font-family:var(--font);
  font-weight:500;
  font-size:0.82rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--bone-faint);
}
.nav__drawer-lang .toggle{
  display:inline-flex;
  align-items:center;
  gap:0.35rem;
  font-family:var(--font);
  font-weight:600;
  font-size:0.9rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
}
.nav__drawer-lang .toggle a, .nav__drawer-lang .toggle button, .nav__drawer-lang .toggle .is-active{
  padding:0.5rem 0.5rem;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  border-bottom:0;
  color:rgba(237, 231, 217, 0.5);
  font:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
}
.nav__drawer-lang .toggle .is-active{
  color:var(--amber);
}
.nav__drawer-lang .toggle .sep{
  color:var(--bone-faint);
  opacity:0.5;
}
.footer{
  position:relative;
  background:var(--shadow);
  border-top:1px solid var(--hair-d);
  padding:clamp(4rem, 8vw, 5.5rem) 0 2rem;
}

.footer__row{
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
}
@media (min-width: 720px){
  .footer__row{
    grid-template-columns:1fr 1fr;
    gap:3rem 2.5rem;
  }
}
@media (min-width: 900px){
  .footer__row{
    grid-template-columns:minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
    gap:3rem;
  }
}

.footer__brand svg{
  height:26px;
  width:auto;
}
@media (min-width: 720px){
  .footer__brand{
    grid-column:1/-1;
  }
}
@media (min-width: 900px){
  .footer__brand{
    grid-column:auto;
  }
}

.footer__motto{
  margin-top:1.5rem;
  font-family:var(--font);
  font-weight:500;
  font-size:1.0625rem;
  line-height:1.5;
  color:var(--bone);
  max-width:24rem;
}

.footer__motto-sub{
  margin-top:0.75rem;
  color:var(--bone-dim);
  font-size:0.95rem;
  font-weight:400;
  line-height:1.55;
  max-width:26rem;
}

.footer__meridian{
  margin-top:1.75rem;
}

.footer h4{
  font-family:var(--font);
  font-weight:700;
  font-size:0.82rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--bone-faint);
  margin-bottom:1rem;
}

.footer__list{
  display:flex;
  flex-direction:column;
  gap:0.1rem;
}
.footer__list li{
  font-family:var(--font);
  font-weight:500;
  font-size:0.95rem;
  color:rgba(237, 231, 217, 0.82);
  line-height:1.45;
}
.footer__list a{
  position:relative;
  display:inline-flex;
  padding:0.3rem 0;
  align-items:center;
  transition:color var(--tr);
}
.footer__list a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0.15rem;
  height:1px;
  background:var(--amber);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 0.4s var(--ease);
}
.footer__list a:hover, .footer__list a:focus-visible{
  color:var(--bone);
}
.footer__list a:hover::after, .footer__list a:focus-visible::after{
  transform:scaleX(1);
  transform-origin:left;
}
.footer__list address{
  font-style:normal;
  font-weight:400;
  color:var(--bone-dim);
  font-size:0.92rem;
  line-height:1.55;
  padding:0.4rem 0 0;
}

.footer__base{
  margin-top:clamp(2.5rem, 5vw, 3.5rem);
  padding-top:1.5rem;
  border-top:1px solid var(--hair-d);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.5rem 2rem;
  flex-wrap:wrap;
  font-family:var(--font);
  font-weight:500;
  font-size:0.82rem;
  color:var(--bone-faint);
  letter-spacing:0.02em;
}
.footer__base .langs{
  display:flex;
  align-items:center;
  gap:0.5rem;
}
.footer__base .langs a, .footer__base .langs button{
  position:relative;
  transition:color var(--tr);
  padding:0.4rem 0.25rem;
  display:inline-flex;
  align-items:center;
  font:inherit;
  letter-spacing:inherit;
  color:inherit;
}
.footer__base .langs a::after, .footer__base .langs button::after{
  content:"";
  position:absolute;
  left:0.25rem;
  right:0.25rem;
  bottom:0.2rem;
  height:1px;
  background:var(--amber);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 0.4s var(--ease);
}
.footer__base .langs a:hover, .footer__base .langs a:focus-visible, .footer__base .langs button:hover, .footer__base .langs button:focus-visible{
  color:var(--bone);
}
.footer__base .langs a:hover::after, .footer__base .langs a:focus-visible::after, .footer__base .langs button:hover::after, .footer__base .langs button:focus-visible::after{
  transform:scaleX(1);
  transform-origin:left;
}
.footer__base .langs .sep{
  color:var(--bone-faint);
  opacity:0.5;
}
.hero{
  --mx:0;
  --my:0;
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:clamp(7rem, 14vh, 9rem) var(--px) clamp(4rem, 8vh, 5.5rem);
  overflow:hidden;
  isolation:isolate;
  text-align:center;
  background:var(--void-deep);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(to right, var(--hair-d-ghost) 1px, transparent 1px);
  background-size:80px 100%;
  pointer-events:none;
  z-index:-3;
  mask-image:radial-gradient(ellipse 85% 75% at 50% 55%, var(--void) 40%, transparent 92%);
  -webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 55%, var(--void) 40%, transparent 92%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at center, transparent 48%, rgba(6, 4, 3, 0.82) 100%);
  pointer-events:none;
  z-index:-1;
}
.hero__glow{
  position:absolute;
  left:50%;
  top:55%;
  width:28vmin;
  aspect-ratio:1;
  border-radius:var(--r-pill);
  transform:translate(-50%, -50%);
  background:radial-gradient(circle, rgba(255, 119, 8, 0.3) 0%, rgba(255, 119, 8, 0.12) 22%, rgba(255, 119, 8, 0.04) 46%, transparent 66%);
  filter:blur(4px);
  pointer-events:none;
  z-index:-2;
  opacity:0;
  animation:glow-in 2.2s var(--ease-out) 1.1s forwards, glow-orbit 18s linear 3.4s infinite both, glow-pulse 4.6s ease-in-out 3.4s infinite;
}

@keyframes glow-in{
  from{
    opacity:0;
    transform:translate(-50%, -50%) scale(0.9);
  }
  to{
    opacity:0.9;
    transform:translate(-50%, -50%) scale(1);
  }
}
@keyframes glow-orbit{
  0%, 100%{
    translate:1.2vmin 0;
  }
  12.5%{
    translate:0.85vmin -0.85vmin;
  }
  25%{
    translate:0 -1.2vmin;
  }
  37.5%{
    translate:-0.85vmin -0.85vmin;
  }
  50%{
    translate:-1.2vmin 0;
  }
  62.5%{
    translate:-0.85vmin 0.85vmin;
  }
  75%{
    translate:0 1.2vmin;
  }
  87.5%{
    translate:0.85vmin 0.85vmin;
  }
}
@keyframes glow-pulse{
  0%, 100%{
    filter:blur(4px);
    opacity:0.85;
  }
  50%{
    filter:blur(7px);
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  .hero__glow{
    animation:glow-in 0.6s ease-out forwards;
  }
}
.hero__sigil{
  position:absolute;
  left:50%;
  bottom:4%;
  width:min(120vw, 1500px);
  aspect-ratio:1227/864;
  pointer-events:none;
  z-index:-2;
  background-image:url("../img/bg-go-soft.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  transform:translate(-50%, 3%);
  animation:sigil-rise 2.8s var(--ease-out) 1.2s forwards, sigil-drift 42s ease-in-out 4.2s infinite alternate both, sigil-breathe 18s ease-in-out 5s infinite;
}

@keyframes sigil-rise{
  0%{
    opacity:0;
    transform:translate(-54%, 3%);
  }
  100%{
    opacity:0.14;
    transform:translate(-52%, 4%);
  }
}
@keyframes sigil-drift{
  from{
    background-position:48% 50%;
  }
  to{
    background-position:52% 50%;
  }
}
@keyframes sigil-breathe{
  0%, 100%{
    scale:1;
  }
  50%{
    scale:1.025;
  }
}
.hero--alive .hero__sigil{
  animation:sigil-rise 2.8s var(--ease-out) 1.2s forwards, sigil-breathe 18s ease-in-out 5s infinite;
  transform:translate3d(calc(-50% + var(--mx) * 22px), calc(var(--my) * -14px), 0);
  transition:transform 1.1s var(--ease-out);
  opacity:0.22;
}

@media (prefers-reduced-motion: reduce){
  .hero__sigil{
    animation:none;
    opacity:0.2;
    transform:translate(-50%, 0);
  }
}
.hero__sigil-glow{
  position:absolute;
  left:50%;
  bottom:18%;
  width:70vmin;
  aspect-ratio:1.6/1;
  transform:translateX(-50%);
  background:radial-gradient(ellipse, rgba(255, 119, 8, 0.14) 0%, rgba(255, 119, 8, 0.06) 40%, transparent 72%);
  filter:blur(24px);
  pointer-events:none;
  z-index:-2;
  opacity:0;
  animation:sigil-glow-in 3s var(--ease-out) 2s forwards;
}

@keyframes sigil-glow-in{
  to{
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  .hero__sigil-glow{
    animation:none;
    opacity:1;
  }
}
.hero__nebula-a{
  position:absolute;
  left:30%;
  top:45%;
  width:60vmin;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255, 119, 8, 0.18) 0%, rgba(255, 119, 8, 0.07) 35%, transparent 70%);
  filter:blur(22px);
  pointer-events:none;
  z-index:-1;
  opacity:0;
  transform:translate(-50%, -50%);
  animation:nebula-fade 3s var(--ease-out) 1s forwards, nebula-a-drift 26s ease-in-out 4s infinite alternate both;
  will-change:transform;
}

@keyframes nebula-a-drift{
  0%{
    transform:translate(calc(-50% - 8vmin), calc(-50% - 4vmin));
  }
  100%{
    transform:translate(calc(-50% + 6vmin), calc(-50% + 5vmin));
  }
}
.hero__nebula-b{
  position:absolute;
  left:70%;
  top:55%;
  width:50vmin;
  aspect-ratio:1.2/1;
  border-radius:50%;
  background:radial-gradient(ellipse, rgba(255, 138, 43, 0.14) 0%, rgba(255, 119, 8, 0.05) 40%, transparent 75%);
  filter:blur(28px);
  pointer-events:none;
  z-index:-1;
  opacity:0;
  transform:translate(-50%, -50%);
  animation:nebula-fade 3s var(--ease-out) 1.5s forwards, nebula-b-drift 34s ease-in-out 4.5s infinite alternate both;
  will-change:transform;
}

@keyframes nebula-b-drift{
  0%{
    transform:translate(calc(-50% + 5vmin), calc(-50% + 3vmin));
  }
  100%{
    transform:translate(calc(-50% - 7vmin), calc(-50% - 4vmin));
  }
}
@keyframes nebula-fade{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
.hero--alive .hero__nebula-a,
.hero--alive .hero__nebula-b{
  transition:translate 1.2s var(--ease-out);
}

.hero--alive .hero__nebula-a{
  translate:calc(var(--mx) * 16px) calc(var(--my) * 10px);
}

.hero--alive .hero__nebula-b{
  translate:calc(var(--mx) * -22px) calc(var(--my) * -14px);
}

@media (prefers-reduced-motion: reduce){
  .hero__nebula-a,
  .hero__nebula-b{
    animation:nebula-fade 0.6s ease-out forwards;
  }
}
.hero__dust{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
}

.hero__mote{
  position:absolute;
  left:-2vw;
  top:var(--y);
  width:2px;
  height:2px;
  border-radius:50%;
  background:var(--amber-hot);
  box-shadow:0 0 4px var(--amber-hot), 0 0 9px rgba(255, 119, 8, 0.55), 0 0 18px rgba(255, 119, 8, 0.2);
  opacity:0;
  animation:mote-drift var(--r, 22s) linear var(--d, 0s) infinite;
  will-change:transform, opacity;
}

@keyframes mote-drift{
  0%{
    transform:translateX(0);
    opacity:0;
  }
  10%{
    opacity:0.55;
  }
  90%{
    opacity:0.55;
  }
  100%{
    transform:translateX(105vw);
    opacity:0;
  }
}
@media (prefers-reduced-motion: reduce){
  .hero__mote{
    animation:none;
    opacity:0;
  }
}
.hero__grain{
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.84  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size:220px 220px;
  pointer-events:none;
  z-index:-1;
  opacity:0.05;
  mix-blend-mode:overlay;
}
.hero__inner{
  position:relative;
  width:100%;
  max-width:60rem;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero__inner > .eyebrow{
  margin-bottom:clamp(1.75rem, 3.5vh, 2.75rem);
}

.hero__h1{
  margin:0;
  max-width:16ch;
}
.hero__h1 .line{
  display:block;
}

.hero__sub{
  margin-top:clamp(2rem, 4vh, 2.75rem);
  font-size:clamp(1.0625rem, 1.3vw, 1.1875rem);
  color:var(--bone-dim);
  max-width:42rem;
  line-height:1.55;
}
.hero__sub .accent{
  color:var(--bone);
}

.hero__cta{
  margin-top:clamp(2.25rem, 4vh, 3rem);
}
@media (prefers-reduced-motion: no-preference){
  .hero__inner > .eyebrow,
  .hero__h1 .line,
  .hero__sub,
  .hero__cta{
    opacity:0;
    transform:translateY(14px);
    animation:intro-up 1s var(--ease-out) both;
  }
  .hero__inner > .eyebrow{
    animation-delay:0.3s;
  }
  .hero__inner > .eyebrow::before{
    transform:scaleX(0);
    animation:dash-draw 0.9s var(--ease) 0.5s forwards;
  }
  .hero__h1 .line--1{
    animation-delay:0.95s;
  }
  .hero__h1 .line--2{
    animation-delay:1.35s;
  }
  .hero__sub{
    animation-delay:1.75s;
  }
  .hero__cta{
    animation-delay:2.05s;
  }
}
@keyframes intro-up{
  from{
    opacity:0;
    transform:translateY(14px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes dash-draw{
  from{
    transform:scaleX(0);
  }
  to{
    transform:scaleX(1);
  }
}
.pattern{
  padding:0 0 clamp(4.5rem, 8vw, 7rem);
  border-bottom:1px solid var(--hair-d);
  background:var(--void-deep);
}

.pattern__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.25rem;
  align-items:start;
}
@media (min-width: 900px){
  .pattern__grid{
    grid-template-columns:minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap:4.5rem;
  }
}

.pattern__kicker{
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}

.pattern__h{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2rem, 4.8vw, 3.25rem);
  line-height:0.98;
  letter-spacing:-0.024em;
  color:var(--bone);
}
.pattern__h .amber{
  color:var(--amber);
}

.pattern__body{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.pattern__body p{
  font-size:clamp(1.0625rem, 1.35vw, 1.15rem);
  line-height:1.6;
  color:var(--bone-dim);
  max-width:56ch;
}

.pattern__stinger{
  font-family:var(--font);
  font-weight:500;
  font-size:clamp(1.25rem, 2.4vw, 1.55rem);
  line-height:1.35;
  letter-spacing:-0.01em;
  color:var(--bone);
  padding-top:1.75rem;
  border-top:1px solid var(--hair-d);
  max-width:28ch;
}
.svc-sec{
  color:var(--ink);
}

.svc-head{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  margin-bottom:clamp(3rem, 6vw, 4.5rem);
  align-items:end;
}
@media (min-width: 900px){
  .svc-head{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:3rem;
  }
}

.svc-head__title{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2.25rem, 5.5vw, 3.75rem);
  line-height:0.98;
  letter-spacing:-0.024em;
  margin-top:0.9rem;
  color:var(--ink);
}

.svc-list{
  display:flex;
  flex-direction:column;
}

.svc{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  padding:clamp(2rem, 3.5vw, 2.75rem) 0;
  border-top:1px solid var(--hair-l);
  position:relative;
  cursor:pointer;
  transition:padding var(--tr);
}
.svc:last-child{
  border-bottom:1px solid var(--hair-l);
}
@media (min-width: 900px){
  .svc{
    grid-template-columns:4rem 1.25fr 1.6fr 1fr;
    gap:2.5rem;
    align-items:baseline;
    padding:2.75rem 0;
  }
}
.svc::before{
  position:absolute;
  left:0;
  width:0;
  height:1px;
  background:var(--amber);
  transition:width 0.6s var(--ease);
  pointer-events:none;
  content:"";
  top:-1px;
}
.svc::after{
  position:absolute;
  left:0;
  width:0;
  height:1px;
  background:var(--amber);
  transition:width 0.6s var(--ease);
  pointer-events:none;
  content:"";
  bottom:-1px;
}
.svc:hover::before, .svc:hover::after{
  width:100%;
}

.svc__n{
  font-family:var(--font);
  font-weight:700;
  color:var(--ink-dim);
  font-size:1.125rem;
  letter-spacing:0.02em;
}

.svc__title{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(1.5rem, 2.8vw, 2rem);
  line-height:1.05;
  letter-spacing:-0.02em;
  color:var(--ink);
}

.svc__body{
  color:var(--ink);
  opacity:0.82;
  font-size:0.975rem;
  line-height:1.6;
  max-width:46ch;
  font-weight:400;
}

.svc__stack{
  display:flex;
  flex-wrap:wrap;
  gap:0.4rem 0.55rem;
}

.svc__tag{
  font-family:var(--font);
  font-weight:600;
  font-size:0.78rem;
  padding:0.35rem 0.7rem;
  border:1px solid var(--hair-l-2);
  color:var(--ink-dim);
  border-radius:var(--r-xs);
  letter-spacing:0.01em;
}
.process-sec{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.process-sec::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 55% 45% at 22% 30%, rgba(255, 119, 8, 0.055) 0%, transparent 60%);
  z-index:-1;
  pointer-events:none;
}

.process-head{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  margin-bottom:clamp(3rem, 6vw, 4.5rem);
  align-items:end;
}
@media (min-width: 900px){
  .process-head{
    grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
    gap:3rem;
  }
}

.process-head__title{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2.25rem, 5.5vw, 3.75rem);
  line-height:0.98;
  letter-spacing:-0.024em;
  margin-top:0.9rem;
}
.process-head__title .amber{
  color:var(--amber);
}

.step__n{
  font-family:var(--font);
  font-weight:700;
  color:var(--amber);
  font-size:0.85rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  margin-bottom:0.85rem;
  display:inline-block;
}

.step__title{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(1.5rem, 3vw, 2.15rem);
  line-height:1.05;
  letter-spacing:-0.02em;
  color:var(--bone);
  margin-bottom:0.9rem;
}
.step__title .amber{
  color:var(--amber);
}

.step__body{
  color:var(--bone-dim);
  font-size:1rem;
  line-height:1.62;
  max-width:54ch;
}
.receipts-sec{
  color:var(--ink);
}

.receipts-head{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  margin-bottom:clamp(2.5rem, 5vw, 3.5rem);
  align-items:end;
}
@media (min-width: 720px){
  .receipts-head{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:2rem;
  }
}

.receipts-head__title{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2.25rem, 5.5vw, 3.75rem);
  line-height:0.98;
  letter-spacing:-0.024em;
  margin-top:0.9rem;
  color:var(--ink);
}

.receipts-status{
  display:inline-flex;
  align-items:center;
  gap:0.6rem;
  font-family:var(--font);
  font-weight:600;
  font-size:0.82rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--ink-dim);
}
.feat{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  padding:clamp(1.75rem, 3.5vw, 2.75rem);
  border:1px solid var(--hair-l);
  background:linear-gradient(135deg, rgba(255, 119, 8, 0.045), transparent 60%), var(--paper-2);
  position:relative;
  border-radius:var(--r-sm);
  margin-bottom:clamp(2rem, 4vw, 3rem);
  overflow:hidden;
}
@media (min-width: 900px){
  .feat{
    grid-template-columns:1fr 1.1fr;
    gap:3.5rem;
    align-items:center;
  }
}
.feat::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:2.5rem;
  height:1px;
  background:var(--amber-ink);
}

.feat__tags{
  display:flex;
  flex-wrap:wrap;
  gap:0.85rem;
  font-family:var(--font);
  font-weight:600;
  font-size:0.78rem;
  letter-spacing:0.08em;
  color:var(--ink-faint);
  margin-bottom:1.25rem;
}
.feat__tags .live{
  color:var(--ink-dim);
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
}
.feat__tags .bullet{
  color:var(--hair-l-2);
}

.feat__title{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2.25rem, 5vw, 3.25rem);
  line-height:0.98;
  letter-spacing:-0.024em;
  color:var(--ink);
}

.feat__role{
  margin-top:0.85rem;
  font-family:var(--font);
  font-weight:500;
  font-size:1.0625rem;
  color:var(--ink-dim);
  max-width:32ch;
}

.feat__body{
  margin-top:1.5rem;
  font-size:0.975rem;
  line-height:1.62;
  color:var(--ink);
  opacity:0.82;
  max-width:52ch;
  font-weight:400;
}

.feat__cta{
  margin-top:1.75rem;
}
.feat__shot{
  margin:0;
  min-width:0;
}

.feat__caption{
  margin-top:0.85rem;
  font-family:var(--font);
  font-size:0.8rem;
  letter-spacing:0.02em;
  color:var(--ink-faint);
}
.entries{
  display:flex;
  flex-direction:column;
}

.entry{
  display:grid;
  grid-template-columns:1fr;
  gap:0.35rem;
  padding:clamp(1.3rem, 2.5vw, 1.75rem) 0;
  border-top:1px solid var(--hair-l);
  position:relative;
  cursor:pointer;
  text-decoration:none;
  min-height:44px;
}
.entry:last-child{
  border-bottom:1px solid var(--hair-l);
}
@media (min-width: 900px){
  .entry{
    grid-template-columns:1.3fr 1.1fr auto auto;
    gap:2rem;
    align-items:baseline;
    padding:1.75rem 0;
  }
}
.entry::before{
  position:absolute;
  left:0;
  width:0;
  height:1px;
  background:var(--amber);
  transition:width 0.6s var(--ease);
  pointer-events:none;
  content:"";
  top:-1px;
}
.entry::after{
  position:absolute;
  left:0;
  width:0;
  height:1px;
  background:var(--amber);
  transition:width 0.6s var(--ease);
  pointer-events:none;
  content:"";
  bottom:-1px;
}
.entry:hover::before, .entry:hover::after, .entry:focus-visible::before, .entry:focus-visible::after{
  width:100%;
}

.entry__title{
  font-family:var(--font);
  font-weight:700;
  font-size:clamp(1.25rem, 2.2vw, 1.5rem);
  letter-spacing:-0.015em;
  color:var(--ink);
}

.entry__desc{
  color:var(--ink-dim);
  font-size:0.95rem;
  font-weight:400;
}

.entry__meta{
  font-family:var(--font);
  font-weight:500;
  font-size:0.85rem;
  letter-spacing:0.02em;
  color:var(--ink-faint);
}

.entry__status{
  display:inline-flex;
  align-items:center;
  gap:0.55rem;
  font-family:var(--font);
  font-weight:600;
  font-size:0.8rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--ink-dim);
}

.receipts-more{
  margin-top:clamp(2.25rem, 4vw, 3rem);
  display:flex;
  justify-content:flex-end;
}
.contact-sec{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(5.5rem, 10vw, 9rem) 0;
  text-align:center;
}
.contact-sec::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(to right, var(--hair-d-ghost) 1px, transparent 1px);
  background-size:88px 100%;
  mask-image:radial-gradient(ellipse 70% 65% at 50% 55%, var(--void) 40%, transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 55%, var(--void) 40%, transparent 85%);
  z-index:-3;
  pointer-events:none;
}
.contact-sec::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at center, transparent 55%, rgba(6, 4, 3, 0.78) 100%);
  z-index:-1;
  pointer-events:none;
}

.contact__glow{
  position:absolute;
  left:50%;
  top:50%;
  width:38vmin;
  aspect-ratio:1;
  border-radius:var(--r-pill);
  transform:translate(-50%, -50%);
  background:radial-gradient(circle, rgba(255, 119, 8, 0.12) 0%, rgba(255, 119, 8, 0.05) 30%, rgba(255, 119, 8, 0.015) 55%, transparent 72%);
  filter:blur(6px);
  pointer-events:none;
  z-index:-2;
  opacity:0.8;
}

.contact__inner{
  max-width:50rem;
  margin:0 auto;
  padding:0 var(--px);
  position:relative;
}

.contact__eyebrow{
  margin-bottom:0;
  letter-spacing:0.28em;
  color:var(--bone-faint);
}

.contact__meridian{
  margin:clamp(1.75rem, 3.5vw, 2.5rem) auto;
}

.contact__h{
  font-family:var(--font);
  font-weight:900;
  font-size:clamp(2.25rem, 6.8vw, 4.75rem);
  line-height:0.96;
  letter-spacing:-0.028em;
  max-width:18ch;
  margin:0 auto;
}
.contact__h .amber{
  color:var(--amber);
}

.contact__sub{
  margin-top:2rem;
  font-size:clamp(1.0625rem, 1.35vw, 1.1875rem);
  color:var(--bone-dim);
  max-width:38rem;
  margin-left:auto;
  margin-right:auto;
  line-height:1.55;
}

.contact__ctas{
  margin-top:2.75rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap:wrap;
}

.contact__tagline{
  margin-top:clamp(4rem, 8vw, 6rem);
  font-family:var(--font);
  font-weight:500;
  font-size:clamp(1rem, 1.35vw, 1.125rem);
  color:var(--bone-faint);
  letter-spacing:0.02em;
}
.contact__tagline .sep{
  display:inline-block;
  margin:0 0.6rem;
  color:var(--amber-deep);
}
