@font-face {
  font-family:"Geist Pixel Circle";
  src:url("fonts/GeistPixel-Circle.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face {
  font-family:"Inter";
  src:url("fonts/InterVariable.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

:root {
  --bg:#000;
  --text:#fff;
  --muted:#929296;
  --nav-text:#2e2e2e;
  --pill-dark:#28282a;
  --sign-in-text:#c8c8c8;
  --nav-shadow:0 4px 14px rgba(0,0,0,.16);
  --trust-bg:#28282a;
  --trust-border:rgba(255,255,255,.28);
  --trust-text:#c4c2c3;
  --font-sans:"Inter","Segoe UI",system-ui,sans-serif;
  --font-display:"Geist Pixel Circle",monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}

* {
  box-sizing:border-box;
}

html {
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body {
  margin:0;
  height:100vh;
  height:100dvh;
  overflow:hidden;
}

.skip-link {
  position:fixed;
  z-index:1000;
  top:12px;
  left:12px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:13px;
  font-weight:700;
  transform:translateY(-180%);
  transition:transform .2s ease;
}

.skip-link:focus {
  transform:translateY(0);
}

button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent;
}

button,input,select,textarea {
  font:inherit;
}

button,a {
  touch-action:manipulation;
}

button {
  cursor:pointer;
}

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

button {
  color:inherit;
}

button:disabled {
  cursor:default;
}

a,button {
  outline-offset:6px;
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:2px solid #bfcdff;
}

::selection {
  background:#d7d1ff;
  color:#111;
}

.icon-library {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.icon {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}

.bg {
  position:fixed;
  inset:0;
  background:#000;
  overflow:hidden;
  pointer-events:none;
}

.bg-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
  opacity:.72;
}

.bg-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.58) 27%,rgba(0,0,0,.38) 56%,rgba(0,0,0,.86) 100%);
}

.grain {
  position:absolute;
  inset:0;
  opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");
}

.page {
  isolation:isolate;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  height:100vh;
  height:100dvh;
  padding:clamp(20px,3.8vh,42px) clamp(22px,4.2vw,72px) 19px;
  overflow:hidden;
}

.header {
  width:100%;
  max-width:1100px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  flex-shrink:0;
  z-index:2;
}

.brand {
  display:flex;
  align-items:center;
  gap:11px;
}

.brand-mark {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  background:#fff;
  border-radius:50%;
  box-shadow:var(--nav-shadow);
  transition:transform .25s;
}

.brand:hover .brand-mark {
  transform:rotate(-8deg) scale(1.04);
}

.brand-mark img {
  width:86%;
  height:86%;
  object-fit:contain;
}

.brand-name {
  font-size:23px;
  font-weight:600;
  letter-spacing:-1.2px;
}

.brand-name>span {
  font-size:10px;
  vertical-align:super;
  margin-left:3px;
  font-weight:400;
}

.nav-pill {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:48px;
  background:#fff;
  color:var(--nav-text);
  border-radius:999px;
  padding:4px 10px;
  width:434px;
  box-shadow:var(--nav-shadow);
}

.nav-pill a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  height:100%;
  padding:0 17px;
  font-size:13px;
  font-weight:500;
  letter-spacing:-.01em;
  opacity:.5;
  transition:opacity .2s;
}

.nav-pill a:hover {
  opacity:.8;
}

.nav-pill a[aria-current] {
  opacity:1;
}

.nav-pill a[aria-current]::after {
  content:"";
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  bottom:2px;
  background:#171717;
  box-shadow:-5px 0 #171717,5px 0 #171717;
}

.nav-count {
  font-size:9px;
  align-self:flex-start;
  margin-top:8px;
}

.header-cta {
  background:var(--pill-dark);
  color:var(--sign-in-text);
  height:46px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 21px;
  border-radius:999px;
  font-size:12px;
  box-shadow:var(--nav-shadow);
  transition:background .2s,transform .2s;
}

.header-cta:hover {
  background:#38383b;
  transform:translateY(-1px);
  color:#fff;
}

.status-dot {
  display:inline-block;
  width:5px;
  height:5px;
  flex-shrink:0;
  background:#b9e8b1;
  border-radius:50%;
  box-shadow:0 0 8px #b9e8b137;
}

.menu-toggle {
  display:none;
}

.hero {
  width:100%;
  max-width:1040px;
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:20px 0 28px;
}

.availability {
  --trust-size:36px;
  display:inline-flex;
  align-items:center;
  margin-bottom:clamp(18px,3.3vh,36px);
  min-height:var(--trust-size);
}

.stack-rings {
  display:flex;
  align-items:center;
}

.stack-ring {
  position:relative;
  display:grid;
  place-items:center;
  width:var(--trust-size);
  height:var(--trust-size);
  padding:5px;
  border:1px solid var(--trust-border);
  background:var(--trust-bg);
  border-radius:50%;
  transition:transform .3s var(--ease);
  z-index:3;
}

.stack-ring+.stack-ring {
  margin-left:calc(var(--trust-size)*-.35);
}

.stack-ring:nth-child(2) {
  z-index:4;
}

.stack-ring:nth-child(3) {
  z-index:5;
}

.stack-ring:hover {
  transform:translateY(-4px);
}

.stack-inner {
  display:grid;
  place-items:center;
  background:#f2f2f2;
  width:100%;
  height:100%;
  border-radius:50%;
  color:#111;
}

.stack-inner .icon {
  width:17px;
  height:17px;
  stroke-width:1.25;
}

.ts {
  font-size:10px;
  font-weight:700;
  letter-spacing:-.6px;
}

.next {
  position:relative;
  font-size:14px;
  font-weight:500;
  line-height:1;
}

.next>span {
  font-size:8px;
  position:absolute;
  right:1px;
  bottom:3px;
}

.availability-pill {
  display:flex;
  align-items:center;
  gap:8px;
  height:var(--trust-size);
  background:var(--trust-bg);
  border:1px solid var(--trust-border);
  border-radius:999px;
  padding:0 14px 0 24px;
  margin-left:-14px;
  font-size:11px;
  font-weight:400;
  color:var(--trust-text);
  white-space:nowrap;
  z-index:2;
}

.eyebrow {
  font-size:10px;
  font-weight:500;
  letter-spacing:.2em;
  color:#b9b9bd;
  margin:0 0 18px;
}

.hero .eyebrow {
  font-size:9px;
  letter-spacing:.24em;
  margin-bottom:18px;
}

.headline {
  font-family:var(--font-display);
  font-size:clamp(44px,6.7vw,96px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.04em;
  margin:0;
  color:#fff;
  max-width:100%;
  text-shadow:0 2px 22px #0005;
}

.headline span {
  display:block;
  white-space:nowrap;
}

.subhead {
  font-size:clamp(13px,1.22vw,16px);
  line-height:1.75;
  letter-spacing:-.018em;
  max-width:600px;
  color:#dadadd;
  opacity:.85;
  margin:24px 0 0;
  text-wrap:pretty;
}

.hero-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin-top:27px;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  min-height:46px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:12px;
  font-weight:500;
  padding:13px 23px;
  transition:transform .25s var(--ease),box-shadow .25s,background .25s;
  white-space:nowrap;
}

.button .icon {
  width:17px;
  height:17px;
}

.button-primary {
  background:#fff;
  color:#151515;
  box-shadow:0 0 0 1px #ffffff10,0 0 22px #ffffff20,0 0 44px #ffffff0e;
  font-weight:600;
}

.button-primary:hover {
  transform:translateY(-2px);
  box-shadow:0 0 0 1px #ffffff30,0 0 24px #ffffff50,0 0 44px #ffffff15;
}

.button-primary:hover .icon {
  transform:translateX(3px);
}

.button .icon {
  transition:transform .25s;
}

.button-text {
  padding:13px 0;
  color:#ceced1;
  font-weight:400;
}

.button-text:hover {
  color:#fff;
}

.button-text:hover .icon {
  transform:translate(2px,-2px);
}

.hero-note {
  margin:19px 0 0;
  color:#969498;
  font-size:10px;
  letter-spacing:.02em;
}

.hero-proof {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin-top:18px;
  color:#929298;
}

.hero-proof>span {
  display:flex;
  align-items:baseline;
  gap:5px;
  padding:0 13px;
  border-left:1px solid #ffffff20;
  font-size:9px;
  white-space:nowrap;
}

.hero-proof>span:first-child {
  border-left:0;
}

.hero-proof strong {
  color:#e8e8eb;
  font-size:11px;
  font-weight:600;
}

.hero-selector {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  border-bottom:1px solid #ffffff32;
  padding-bottom:4px;
  color:#b2b2b8;
  font-size:9px;
  transition:color .2s,border-color .2s;
}

.hero-selector:hover {
  color:#fff;
  border-color:#fff;
}

.hero-selector .icon {
  width:12px;
  height:12px;
}

.footer {
  width:100%;
  max-width:1310px;
  flex-shrink:0;
}

.services {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:0 0 28px;
  gap:24px;
  max-width:1180px;
  margin:auto;
}

.service {
  display:flex;
  align-items:center;
  position:relative;
  gap:15px;
  padding:10px 0;
  transition:transform .25s;
  min-width:0;
}

.service:not(:first-child) {
  padding-left:22px;
  border-left:1px solid #ffffff1a;
}

.service:hover {
  transform:translateY(-3px);
}

.service-symbol {
  font-family:var(--font-display);
  font-size:32px;
  line-height:1;
  width:41px;
  text-align:center;
  flex-shrink:0;
}

.service:first-child .service-symbol {
  font-size:23px;
}

.service-copy {
  display:flex;
  flex-direction:column;
  gap:8px;
}

.service-copy strong {
  font-weight:500;
  font-size:13px;
  letter-spacing:-.02em;
  white-space:nowrap;
}

.service-copy>span {
  font-size:10.5px;
  color:var(--muted);
  line-height:1.4;
  white-space:nowrap;
}

.service-arrow {
  position:absolute;
  right:-4px;
  top:-1px;
  opacity:0;
  width:12px;
  height:12px;
  transition:opacity .2s;
}

.service:hover .service-arrow {
  opacity:1;
}

.footer-bottom {
  border-top:1px solid #ffffff16;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:17px;
  font-size:9px;
  letter-spacing:.015em;
  color:#89888d;
}

.footer-divider {
  margin:0 10px;
  color:#57575d;
}

.footer-links {
  display:flex;
  gap:20px;
  align-items:center;
}

.footer-links>a {
  display:flex;
  align-items:center;
  gap:6px;
}

.footer-links .icon {
  width:12px;
  height:12px;
}

.footer-links>a:hover {
  color:#fff;
}

.language-links {
  display:flex;
  gap:7px;
  padding-left:18px;
  border-left:1px solid #ffffff26;
}

.language-links button {
  border:0;
  padding:0;
  background:transparent;
  color:#6f6f75;
  font:inherit;
  cursor:pointer;
}

.language-links button:hover,.language-links button[aria-pressed="true"] {
  color:#fff;
}

.motion-toggle {
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:7px;
  color:inherit;
  padding:0 0 0 22px;
  border-left:1px solid #ffffff26;
  font-size:9px;
  height:20px;
}

.motion-toggle:hover {
  color:#fff;
}

.pause-icon {
  display:block;
  width:8px;
  height:9px;
  border-left:2px solid currentColor;
  border-right:2px solid currentColor;
}

.motion-toggle[aria-pressed="true"] .pause-icon {
  border:0;
  width:0;
  height:0;
  border-left:7px solid currentColor;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
}

/* Native dialogs keep keyboard focus inside each overlay. */
dialog {
  color:var(--text);
  font-family:var(--font-sans);
}

dialog::backdrop {
  background:#000a;
  backdrop-filter:blur(14px);
}

.panel {
  border:1px solid #ffffff21;
  border-radius:26px;
  padding:0;
  background:#111113;
  width:calc(100% - 48px);
  max-width:1050px;
  max-height:calc(100dvh - 64px);
  overflow:auto;
  overscroll-behavior:contain;
  box-shadow:0 32px 100px #0009;
  scrollbar-width:thin;
  scrollbar-color:#444 transparent;
}

.panel[open] {
  animation:panel-in .45s var(--ease) both;
}

.panel-top {
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 30px;
  border-bottom:1px solid #ffffff10;
  background:#111113f5;
  backdrop-filter:blur(10px);
}

.panel-top .eyebrow {
  margin:0;
  font-size:9px;
  color:#85858a;
}

.icon-button {
  border:1px solid #ffffff1c;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#ffffff05;
  flex-shrink:0;
  transition:background .2s,transform .2s;
}

.icon-button:hover {
  background:#ffffff18;
  transform:rotate(90deg);
}

.icon-button .icon {
  width:16px;
  height:16px;
}

.panel-body {
  padding:38px 40px 36px;
}

.kicker {
  color:#a4a4ac;
  font-size:11px;
  margin:0 0 13px;
  line-height:1.6;
}

h2 {
  font-size:clamp(27px,3.2vw,42px);
  font-weight:500;
  letter-spacing:-.055em;
  line-height:1.15;
  margin:0;
}

h2>span {
  color:#88888e;
}

.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  border-bottom:1px solid #ffffff40;
  padding-bottom:6px;
  transition:border-color .2s;
  white-space:nowrap;
}

.text-link .icon {
  width:14px;
  height:14px;
}

.text-link:hover {
  border-color:#fff;
}

.panel-intro {
  color:#a7a7ae;
  font-size:13px;
  line-height:1.8;
  max-width:660px;
  margin:20px 0 30px;
}

.project-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px 26px;
}

.project {
  min-width:0;
}

.project-art {
  position:relative;
  height:225px;
  border-radius:12px;
  overflow:hidden;
  isolation:isolate;
  transition:transform .3s var(--ease);
}

.project:hover .project-art {
  transform:translateY(-4px);
}

.project-preview {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .35s ease;
}

.project-preview.is-playing {
  opacity:1;
}

.has-preview::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(180deg,#0005,transparent 30%,#0006);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}

.has-preview.preview-active::after {
  opacity:1;
}

.has-preview>.project-type,.has-preview>.art-caption,.has-preview>.project-open {
  z-index:2;
}

.has-preview>div,.has-preview>.art-caption {
  transition:opacity .25s ease;
}

.has-preview.preview-active>div,.has-preview.preview-active>.art-caption {
  opacity:0;
}

.project-type {
  position:absolute;
  top:20px;
  left:20px;
  font-size:8px;
  letter-spacing:.16em;
  opacity:.6;
  z-index:1;
}

.art-caption {
  position:absolute;
  bottom:22px;
  left:20px;
  font-size:10px;
  letter-spacing:-.02em;
  z-index:1;
}

.project-open {
  position:absolute;
  bottom:16px;
  right:16px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#00000010;
  transition:background .2s,transform .2s;
}

.project-open .icon {
  width:15px;
  height:15px;
}

.project:hover .project-open {
  transform:rotate(45deg);
  background:#00000020;
}

.art-lead-flow {
  background:radial-gradient(circle at 73% 45%,#d8ff6728,transparent 25%),linear-gradient(145deg,#111419,#07090b);
  color:#f2f4ef;
  border:1px solid #ffffff12;
}

.lead-flow-word {
  position:absolute;
  left:23px;
  top:77px;
  font-size:43px;
  font-weight:650;
  letter-spacing:-3px;
}

.lead-flow-word>span {
  color:#83898e;
}

.lead-flow-signal {
  position:absolute;
  right:34px;
  top:58px;
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
}

.lead-flow-signal i {
  position:absolute;
  inset:0;
  border:1px solid #d8ff6730;
  border-radius:50%;
}

.lead-flow-signal i:nth-child(2) {
  inset:22px;
}

.lead-flow-signal b {
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d8ff67;
  color:#10130b;
  font-size:13px;
  box-shadow:0 0 28px #d8ff6740;
}

.art-tact {
  background:#e9e6db;
  color:#252525;
}

.tact-logo {
  position:absolute;
  left:26px;
  top:74px;
  font-size:61px;
  letter-spacing:-5px;
  font-weight:500;
}

.tact-logo>span {
  font-size:11px;
  vertical-align:super;
  letter-spacing:0;
  margin-left:4px;
}

.clock {
  position:absolute;
  right:26px;
  top:53px;
  width:115px;
  height:115px;
  border:1px solid #b5afa1;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg,#938b7a 0deg 1deg,transparent 1deg 30deg);
  box-shadow:inset 0 0 0 10px #e9e6db;
}

.clock::before {
  content:"";
  position:absolute;
  inset:6px;
  background:#e9e6db;
  border-radius:50%;
}

.clock i {
  position:absolute;
  bottom:50%;
  left:calc(50% - 1px);
  width:2px;
  background:#35342f;
  transform-origin:bottom;
  z-index:1;
}

.clock i:first-child {
  height:35px;
  transform:rotate(40deg);
}

.clock i:nth-child(2) {
  height:24px;
  transform:rotate(-60deg);
}

.clock>span {
  width:7px;
  height:7px;
  background:#e85a4f;
  border-radius:50%;
  position:absolute;
  left:calc(50% - 3.5px);
  top:calc(50% - 3.5px);
  z-index:2;
}

.art-neuro {
  background:#c6c1dc;
  color:#28213d;
}

.neuro-orbit {
  position:absolute;
  left:50%;
  top:45%;
  transform:translate(-50%,-50%);
  width:140px;
  height:115px;
  display:grid;
  place-items:center;
}

.neuro-orbit>i {
  position:absolute;
  width:160px;
  height:75px;
  border:1px solid #66578275;
  border-radius:50%;
  transform:rotate(-30deg);
}

.neuro-orbit>i:nth-child(2) {
  transform:rotate(30deg);
}

.neuro-orbit>i:nth-child(3) {
  transform:rotate(90deg);
}

.neuro-orbit>span {
  font-size:72px;
  letter-spacing:-8px;
  font-weight:500;
  transform:translateY(-6px);
}

.art-slotix {
  background:linear-gradient(145deg,#eef2df,#d8ff65);
  color:#131a14;
}

.slotix-word {
  position:absolute;
  left:24px;
  top:68px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:39px;
  font-weight:750;
  letter-spacing:-3px;
}

.slotix-word>i {
  width:33px;
  height:33px;
  border-radius:10px;
  background:linear-gradient(110deg,#d8ff65 18%,#182119 19% 100%);
  box-shadow:inset 0 0 0 6px #182119;
}

.slotix-word>span {
  color:#63862f;
}

.slotix-calendar {
  position:absolute;
  right:24px;
  top:48px;
  width:112px;
  padding:13px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  border:1px solid #25332325;
  border-radius:17px;
  background:#fffdf1b8;
  box-shadow:0 15px 30px #29351e18;
}

.slotix-calendar strong {
  grid-column:1/-1;
  font-size:28px;
  letter-spacing:-2px;
}

.slotix-calendar span {
  padding:5px 4px;
  border-radius:6px;
  background:#182119;
  color:#d8ff65;
  font-size:7px;
  text-align:center;
}

.art-taza {
  background:#dfff64;
  color:#151510;
}

.art-taza::before {
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  right:-125px;
  bottom:-150px;
  border:1px solid #5e2bff55;
  border-radius:50%;
  box-shadow:0 0 0 35px #5e2bff0d,0 0 0 36px #5e2bff33;
}

.taza-word {
  position:absolute;
  left:23px;
  top:75px;
  font-size:45px;
  font-weight:800;
  letter-spacing:-3.8px;
}

.taza-word>span {
  color:#5e2bff;
}

.taza-products {
  position:absolute;
  right:25px;
  top:59px;
  width:125px;
  height:105px;
  display:flex;
  align-items:end;
  gap:6px;
}

.taza-products>i {
  flex:1;
  height:76%;
  border-radius:11px 11px 7px 7px;
  background:#151510;
  transform:rotate(-7deg);
  box-shadow:0 12px 22px #5e2bff24;
}

.taza-products>i:nth-child(2) {
  height:100%;
  background:#5e2bff;
  transform:none;
}

.taza-products>i:nth-child(3) {
  height:65%;
  background:#f7f7ef;
  transform:rotate(8deg);
}

.art-flow {
  background:#253934;
  color:#dce8da;
}

.flow-word {
  position:absolute;
  top:58px;
  left:24px;
  font-size:44px;
  font-weight:500;
  letter-spacing:-2.5px;
}

.flow-word>span {
  color:#a2c69d;
  padding:0 7px;
  font-weight:400;
}

.flow-nodes {
  position:absolute;
  left:26px;
  right:26px;
  top:134px;
  display:flex;
  align-items:center;
}

.flow-nodes>span {
  width:41px;
  height:26px;
  border-radius:5px;
  border:1px solid #a2c69d55;
  background:#a2c69d11;
  position:relative;
}

.flow-nodes>span::after {
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:9px;
  height:2px;
  background:#a2c69d55;
  box-shadow:0 5px #a2c69d25;
}

.flow-nodes>i {
  height:1px;
  flex:1;
  background:#a2c69d44;
}

.art-feedback {
  background:radial-gradient(circle at 76% 20%,#5d4ad955,transparent 42%),#0f101c;
  color:#f4f2ff;
}

.feedback-word {
  position:absolute;
  left:23px;
  top:82px;
  font-size:42px;
  font-weight:700;
  letter-spacing:-2.8px;
}

.feedback-word>span {
  color:#8d7aff;
}

.feedback-pulse {
  position:absolute;
  right:36px;
  top:78px;
  width:80px;
  height:80px;
  border:1px solid #8d7aff66;
  border-radius:50%;
}

.feedback-pulse::before,
.feedback-pulse::after {
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid #8d7aff55;
  border-radius:50%;
}

.feedback-pulse::after {
  inset:25px;
}

.feedback-pulse>i {
  position:absolute;
  z-index:1;
  top:36px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#c8c0ff;
  box-shadow:0 0 16px #8d7aff;
}

.feedback-pulse>i:nth-child(1) { left:18px; }
.feedback-pulse>i:nth-child(2) { left:36px; }
.feedback-pulse>i:nth-child(3) { left:54px; }

.project-info {
  display:flex;
  gap:14px;
  margin-top:19px;
}

.project-number {
  font-size:10px;
  color:#74747b;
  padding-top:4px;
}

.project-info h3 {
  font-size:16px;
  letter-spacing:-.03em;
  font-weight:500;
  margin:0 0 9px;
}

.project-info p {
  font-size:11px;
  line-height:1.75;
  color:#9898a0;
  margin:0;
  max-width:355px;
}

.tags {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}

.tags>span {
  font-size:9px;
  padding:4px 7px;
  border:1px solid #ffffff18;
  border-radius:4px;
  color:#92929a;
}

.fineprint {
  color:#73737c;
  font-size:10px;
  line-height:1.65;
  margin:24px 0 0;
}

.panel-cta {
  margin-top:27px;
}

.panel-body>.panel-cta+.panel-cta {
  margin-left:8px;
}

.work-proof {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:24px;
  border:1px solid #ffffff14;
  background:#ffffff14;
}

.work-proof>span {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:16px;
  background:#111113;
  color:#85858e;
  font-size:9px;
}

.work-proof strong {
  color:#f4f4f6;
  font-size:22px;
  font-weight:520;
  letter-spacing:-.05em;
}

.panel-about {
  max-width:1000px;
}

.about-grid {
  display:grid;
  grid-template-columns:32% 1fr;
  gap:56px;
  padding-top:48px;
  padding-bottom:46px;
}

.about-identity {
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid #ffffff13;
  padding-right:30px;
}

.identity-mark {
  width:130px;
  height:130px;
  display:grid;
  place-items:center;
  border:1px solid #ffffff24;
  border-radius:50%;
  background:#222224;
  box-shadow:0 0 80px #ffffff05;
}

.identity-mark img {
  width:102px;
  height:102px;
}

.identity-name {
  font-size:33px;
  font-weight:500;
  letter-spacing:-1.5px;
  margin-top:20px;
}

.identity-name>span {
  font-size:10px;
  vertical-align:super;
  margin-left:3px;
  letter-spacing:0;
}

.identity-role {
  font-size:9px;
  color:#87878e;
  margin-top:10px;
  text-align:center;
}

.identity-status {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:9px;
  margin-top:30px;
  color:#a0b09c;
}

.about-copy>p:not(.kicker):not(.about-principle) {
  font-size:12px;
  color:#aaaab1;
  line-height:1.85;
  margin:22px 0 0;
}

.about-stack {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:23px;
}

.about-stack>span {
  font-size:10px;
  padding:6px 9px;
  border-radius:5px;
  background:#ffffff08;
  color:#b6b6be;
  border:1px solid #ffffff08;
}

.about-principle {
  font-family:var(--font-display);
  font-size:21px;
  margin:26px 0 25px;
  letter-spacing:-.04em;
}

.about-links {
  display:flex;
  flex-wrap:wrap;
  gap:12px 22px;
}

.about-footer {
  padding:20px 40px;
  border-top:1px solid #ffffff13;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  font-size:9px;
  color:#85858e;
}

.about-footer>a {
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.about-footer .icon {
  width:12px;
  height:12px;
}


.panel-service {
  max-width:680px;
}

.detail-symbol {
  font-family:var(--font-display);
  font-size:46px;
  display:block;
  margin-bottom:24px;
  line-height:1;
}

.deliverables {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}

.deliverables>li {
  font-size:12px;
  color:#d0d0d6;
  display:flex;
  gap:11px;
  line-height:1.6;
}

.deliverables>li::before {
  content:"↗";
  color:#898992;
}

.process-line {
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-block:1px solid #ffffff17;
  padding:22px 0;
  margin-top:30px;
  font-size:11px;
  color:#a9a9b0;
}

.process-line>span {
  display:flex;
  gap:10px;
  align-items:center;
}

.process-line i {
  font-style:normal;
  font-size:9px;
  color:#696974;
}

.panel-contact {
  max-width:700px;
}

.panel-selector {
  max-width:900px;
}

.selector-question,.selector-details fieldset {
  margin:0;
  padding:0;
  border:0;
}

.selector-question>legend,.selector-details legend,.selector-details label>span {
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:#c7c7ce;
  font-size:11px;
}

.selector-question legend>span,.selector-details i {
  color:#686872;
  font-size:9px;
  font-style:normal;
}

.selector-options {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.selector-options button {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  min-height:88px;
  padding:17px 18px;
  border:1px solid #ffffff18;
  border-radius:13px;
  background:#ffffff04;
  color:#e4e4e8;
  text-align:left;
  transition:border-color .2s,background .2s,transform .2s;
}

.selector-options button:hover {
  transform:translateY(-2px);
  border-color:#ffffff48;
}

.selector-options button[aria-pressed="true"] {
  border-color:#c7c0ea88;
  background:#c7c0ea12;
}

.selector-options strong {
  font-size:13px;
  font-weight:550;
}

.selector-options small {
  color:#85858e;
  font-size:10px;
}

.selector-details {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid #ffffff12;
}

.selector-details label {
  display:block;
}

.selector-details select {
  width:100%;
  height:43px;
  border:1px solid #ffffff20;
  border-radius:10px;
  background:#18181b;
  color:#d9d9df;
  padding:0 12px;
  font:inherit;
  font-size:11px;
}

.selector-time {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.selector-time button {
  min-height:36px;
  padding:8px 12px;
  border:1px solid #ffffff18;
  border-radius:999px;
  background:transparent;
  color:#96969f;
  font-size:10px;
}

.selector-time button:hover,.selector-time button[aria-pressed="true"] {
  color:#111;
  background:#fff;
  border-color:#fff;
}

.selector-result {
  margin-top:26px;
  padding:25px;
  border:1px solid #c7c0ea45;
  border-radius:16px;
  background:linear-gradient(135deg,#c7c0ea12,#ffffff03);
}

.selector-result h3 {
  margin:0;
  font-size:clamp(24px,3vw,36px);
  font-weight:550;
  letter-spacing:-.05em;
}

.selector-result>p:not(.kicker) {
  max-width:640px;
  margin:13px 0 0;
  color:#aaaab2;
  font-size:12px;
  line-height:1.75;
}

.selector-result h4 {
  margin:22px 0 10px;
  color:#d9d9df;
  font-size:11px;
  font-weight:550;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.selector-result ul {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 18px;
  margin:0;
  padding:0;
  list-style:none;
}

.selector-result li {
  padding:9px 0;
  border-top:1px solid #ffffff12;
  color:#aaaab2;
  font-size:11px;
}

.selector-result li::before {
  content:"↗";
  margin-right:8px;
  color:#c7c0ea;
}

.selector-result-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:21px;
}

.selector-note {
  margin-top:18px;
}

.panel-contact h2 {
  font-size:clamp(38px,4.5vw,58px);
  letter-spacing:-.06em;
}

.contact-topline {
  display:flex;
  gap:10px;
  align-items:center;
  font-size:10px;
  color:#a3b19e;
  margin-bottom:26px;
}

.panel-contact .panel-intro {
  max-width:530px;
}

.brief-label {
  font-size:11px;
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-bottom:10px;
  color:#c4c4cc;
}

.brief-label>span {
  font-size:10px;
  color:#74747f;
}

textarea {
  resize:vertical;
  min-height:105px;
  max-height:190px;
  width:100%;
  display:block;
  border:1px solid #ffffff20;
  border-radius:12px;
  background:#ffffff03;
  color:#e3e3e9;
  padding:15px;
  line-height:1.7;
  font-size:12px;
  transition:border-color .2s;
}

textarea::placeholder {
  color:#71717c;
}

textarea:hover,textarea:focus {
  border-color:#ffffff50;
}

.contact-actions {
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:16px;
  flex-wrap:wrap;
}

.button-secondary {
  background:#ffffff07;
  border-color:#ffffff18;
  color:#ceced5;
  font-weight:400;
}

.button-secondary:hover {
  background:#ffffff12;
}

.form-note {
  font-size:10px;
  line-height:1.75;
  color:#797983;
  margin:16px 0 0;
}

.contact-bottom {
  margin-top:30px;
  padding-top:23px;
  border-top:1px solid #ffffff14;
  display:flex;
  justify-content:space-between;
  font-size:11px;
  color:#a2a2ab;
  flex-wrap:wrap;
  gap:12px 20px;
}

.contact-bottom>a {
  display:flex;
  align-items:center;
  gap:8px;
}

.contact-bottom .icon {
  width:14px;
  height:14px;
}

.contact-bottom>a:hover {
  color:#fff;
}

.toast {
  position:fixed;
  z-index:20;
  bottom:24px;
  left:50%;
  transform:translate(-50%,20px);
  color:#fff;
  background:#303033;
  border:1px solid #ffffff28;
  box-shadow:0 10px 40px #0005;
  border-radius:12px;
  padding:14px 20px;
  font-size:12px;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s,transform .2s;
  text-align:center;
  max-width:calc(100% - 32px);
}

.toast.visible {
  opacity:1;
  transform:translate(-50%,0);
}

.no-js {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:#222;
  padding:16px;
  text-align:center;
  font-size:12px;
  z-index:10;
}

.no-js a {
  text-decoration:underline;
}

.mobile-menu {
  border:0;
  background:transparent;
  padding:0;
  width:calc(100% - 36px);
  max-width:440px;
  margin:90px auto auto;
  overflow:visible;
  color:#222;
  max-height:calc(100dvh - 110px);
}

.menu-sheet {
  padding:20px;
  background:#f5f5f5;
  border-radius:26px;
  box-shadow:0 20px 60px #0007;
  overflow:auto;
  max-height:calc(100dvh - 110px);
}

.mobile-menu[open] {
  animation:panel-in .38s var(--ease) both;
}

.menu-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:10px;
  letter-spacing:.04em;
  color:#797979;
  margin-bottom:8px;
}

.menu-heading .icon-button {
  border-color:#0002;
  color:#111;
}

.mobile-menu nav {
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
}

.mobile-menu nav a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:17px 0;
  font-size:22px;
  font-weight:500;
  letter-spacing:-.04em;
  border-bottom:1px solid #0001;
}

.mobile-menu nav a>span {
  font-size:10px;
  color:#999;
  font-weight:400;
  letter-spacing:0;
}

.menu-languages {
  display:flex;
  gap:8px;
  margin:0 0 16px;
}

.menu-languages button {
  flex:1;
  min-height:38px;
  border:1px solid #0002;
  border-radius:999px;
  background:transparent;
  color:#777;
  font:inherit;
  font-size:11px;
}

.menu-languages button[aria-pressed="true"] {
  background:#222;
  color:#fff;
}

.button-dark {
  width:100%;
  background:#222;
  color:#fff;
}

.bg {
  background:#000 url("assets/poster.webp") center/cover no-repeat;
}

.identity-mark.portrait-frame {
  position:relative;
  overflow:hidden;
  background:#252526;
  border:1px solid #ffffff3a;
  border-radius:50%;
  isolation:isolate;
  width:180px;
  height:180px;
  flex-shrink:0;
}

.identity-mark.portrait-frame img {
  position:absolute;
  width:100%;
  height:100%;
  inset:0;
  object-fit:cover;
  transform:scale(2.15);
  transform-origin:49% 17%;
  border-radius:0;
}

@keyframes panel-in {
  from {
    opacity:0;
    transform:translateY(20px) scale(.985);
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@media(min-width:1600px) {
  .hero .eyebrow {
    font-size:10px;
  }
  .subhead {
    font-size:17px;
  }
  .hero-actions {
    margin-top:32px;
  }
  .button {
    font-size:13px;
    min-height:49px;
  }
  .hero-note {
    font-size:11px;
  }
  .services {
    padding-bottom:38px;
  }
  .service-copy strong {
    font-size:14px;
  }
  .service-copy>span {
    font-size:11px;
  }
  .service-symbol {
    font-size:37px;
  }
  .availability {
    --trust-size:40px;
  }
  .availability-pill {
    font-size:12px;
  }
  .footer-bottom {
    font-size:10px;
  }
}

@media(max-width:1050px) {
  .brand-name {
    display:none;
  }
  .header {
    max-width:750px;
  }
  .services {
    gap:16px;
  }
  .service {
    gap:10px;
  }
  .service:not(:first-child) {
    padding-left:16px;
  }
  .service-copy strong {
    font-size:11px;
  }
  .service-copy>span {
    font-size:9px;
    white-space:normal;
  }
  .service-symbol {
    width:29px;
    font-size:29px;
  }
  .service:first-child .service-symbol {
    font-size:20px;
  }
}

@media(max-width:720px) {
  .page {
    padding:20px 23px 15px;
  }
  .header {
    max-width:none;
  }
  .brand-name {
    display:block;
    font-size:21px;
  }
  .brand-mark {
    width:44px;
    height:44px;
  }
  .nav-pill,.header-cta {
    display:none;
  }
  .menu-toggle {
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    background:#28282a;
    border:1px solid #ffffff12;
    border-radius:50%;
    width:44px;
    height:44px;
  }
  .menu-toggle>span {
    width:17px;
    height:1px;
    background:#fff;
    transition:transform .25s,opacity .25s;
  }
  .menu-toggle[aria-expanded="true"] {
    background:#fff;
  }
  .menu-toggle[aria-expanded="true"]>span {
    background:#111;
  }
  .menu-toggle[aria-expanded="true"]>span:first-child {
    transform:translateY(6px) rotate(45deg);
  }
  .menu-toggle[aria-expanded="true"]>span:nth-child(2) {
    opacity:0;
  }
  .menu-toggle[aria-expanded="true"]>span:nth-child(3) {
    transform:translateY(-6px) rotate(-45deg);
  }
  .hero {
    padding:25px 0 30px;
  }
  .availability {
    --trust-size:34px;
    margin-bottom:23px;
  }
  .stack-rings {
    display:none;
  }
  .availability-pill {
    font-size:12px;
    margin-left:0;
    padding:0 14px;
  }
  .hero .eyebrow {
    font-size:12px;
    letter-spacing:.21em;
    margin-bottom:20px;
  }
  .headline {
    font-size:clamp(35px,8.2vw,58px);
    letter-spacing:-.07em;
    line-height:1.12;
  }
  .subhead {
    font-size:12px;
    line-height:1.8;
    max-width:390px;
    margin-top:25px;
  }
  .desktop-break {
    display:none;
  }
  .hero-actions {
    gap:13px;
    flex-direction:column;
    margin-top:25px;
  }
  .hero-actions .button-primary {
    min-height:47px;
    padding:13px 25px;
    font-size:12px;
  }
  .hero-actions .button-text {
    font-size:12px;
    min-height:29px;
    padding:5px 0;
  }
  .hero-note {
    display:none;
  }
  .hero-proof {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    width:min(100%,340px);
    margin-top:17px;
    color:#b4b4ba;
  }
  .hero-proof>span {
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:3px;
    padding:0 7px;
    font-size:12px;
    line-height:1.35;
    white-space:normal;
  }
  .hero-proof>span:nth-child(3) {
    display:none;
  }
  .hero-proof strong {
    font-size:13px;
  }
  .hero-selector {
    display:none;
  }
  .services {
    display:none;
  }
  .service {
    gap:11px;
    padding:0;
  }
  .service:not(:first-child) {
    padding-left:0;
    border-left:0;
  }
  .service:nth-child(even) {
    border-left:1px solid #ffffff1a;
    padding-left:22px;
  }
  .service-copy strong {
    font-size:11px;
    white-space:normal;
  }
  .service-copy>span {
    font-size:8px;
    line-height:1.6;
  }
  .service-symbol {
    width:28px;
    font-size:29px;
  }
  .service-copy {
    gap:5px;
  }
  .service:first-child .service-symbol {
    font-size:20px;
  }
  .footer-bottom {
    font-size:12px;
    padding-top:14px;
  }
  .footer-bottom>span {
    max-width:145px;
    line-height:1.6;
  }
  .footer-divider {
    margin:0 3px;
  }
  .footer-links {
    gap:14px;
  }
  .footer-links>a:nth-child(-n+2) {
    display:none;
  }
  .footer-links>a {
    font-size:12px;
    gap:0;
  }
  .footer-links>a .icon {
    display:none;
  }
  .footer-links>a::before {
    content:none;
  }
  .language-links {
    display:none;
  }
  .motion-toggle {
    padding-left:13px;
  }
  .motion-label {
    display:none;
  }
  .panel {
    width:calc(100% - 24px);
    max-height:calc(100dvh - 32px);
    border-radius:20px;
  }
  .panel-top {
    padding:15px 20px;
  }
  .panel-top .eyebrow {
    font-size:8px;
    letter-spacing:.1em;
  }
  .panel-body {
    padding:28px 23px;
  }
  .section-heading {
    flex-direction:column;
    align-items:flex-start;
    gap:17px;
  }
  .panel-intro {
    font-size:12px;
    margin-top:18px;
  }
  .project-grid {
    gap:30px;
    grid-template-columns:1fr;
  }
  .work-proof {
    grid-template-columns:1fr;
  }
  .panel-body>.panel-cta+.panel-cta {
    margin-left:0;
  }
  .project-art {
    height:220px;
  }
  .project-info p {
    max-width:none;
  }
  .project-info h3 {
    font-size:17px;
  }
  .project-info p {
    font-size:12px;
  }
  .about-grid {
    grid-template-columns:1fr;
    gap:30px;
  }
  .about-identity {
    border:0;
    border-bottom:1px solid #ffffff13;
    padding:0 0 25px;
  }
  .identity-mark {
    width:90px;
    height:90px;
  }
  .identity-mark img {
    width:70px;
    height:70px;
  }
  .identity-name {
    font-size:26px;
    margin-top:13px;
  }
  .identity-status {
    margin-top:13px;
  }
  .about-footer {
    padding:18px 23px;
    flex-wrap:wrap;
    gap:14px;
  }
  .about-principle {
    font-size:20px;
  }
  .panel-contact h2 {
    font-size:40px;
  }
  .contact-topline {
    font-size:9px;
  }
  .contact-actions {
    flex-direction:column;
    align-items:stretch;
  }
  .contact-actions .button {
    font-size:11px;
  }
  .selector-options,.selector-details {
    grid-template-columns:1fr;
  }
  .selector-options button {
    min-height:76px;
  }
  .selector-details {
    gap:22px;
  }
  .selector-result {
    padding:20px;
  }
  .selector-result-actions {
    flex-direction:column;
  }
  .selector-result ul {
    grid-template-columns:1fr;
  }
  .selector-result-actions .button {
    width:100%;
  }
  .process-line {
    gap:7px;
    font-size:9px;
  }
  .process-line>span {
    gap:5px;
  }
  .brief-label {
    font-size:10px;
  }
  .brief-label>span {
    font-size:9px;
  }
  .toast {
    bottom:18px;
    font-size:11px;
  }
}

@media(max-width:380px) {
  .page {
    padding:17px 18px 12px;
  }
  .headline {
    font-size:8vw;
    letter-spacing:-.085em;
  }
  .hero .eyebrow {
    font-size:6px;
  }
  .availability {
    --trust-size:30px;
  }
  .availability-pill {
    font-size:9px;
    padding-right:10px;
  }
  .stack-inner .icon {
    width:14px;
    height:14px;
  }
  .subhead {
    font-size:11px;
  }
  .services {
    gap:21px 10px;
  }
  .service:nth-child(even) {
    padding-left:13px;
  }
  .service-copy strong {
    font-size:10px;
  }
  .service-copy>span {
    font-size:7px;
  }
  .footer-bottom {
    font-size:7px;
  }
  .footer-links {
    gap:10px;
  }
}

@media(max-height:760px) and (min-width:721px) {
  .page {
    padding-top:24px;
  }
  .hero {
    padding-block:18px;
  }
  .availability {
    margin-bottom:18px;
    --trust-size:32px;
  }
  .hero .eyebrow {
    margin-bottom:12px;
    font-size:8px;
  }
  .headline {
    font-size:clamp(40px,6.5vw,77px);
  }
  .subhead {
    margin-top:18px;
    font-size:13px;
  }
  .hero-actions {
    margin-top:21px;
  }
  .hero-note {
    margin-top:14px;
    font-size:9px;
  }
  .services {
    padding-bottom:19px;
  }
  .footer-bottom {
    padding-top:13px;
  }
}

@media(max-height:700px) and (max-width:720px) {
  .page {
    padding-top:16px;
  }
  .brand-mark,.menu-toggle {
    width:39px;
    height:39px;
  }
  .hero {
    padding:15px 0 22px;
  }
  .availability {
    margin-bottom:18px;
    --trust-size:30px;
  }
  .hero .eyebrow {
    margin-bottom:12px;
  }
  .headline {
    font-size:clamp(29px,7.7vw,51px);
  }
  .subhead {
    margin-top:18px;
    font-size:11px;
  }
  .hero-actions {
    margin-top:17px;
    gap:8px;
  }
  .hero-proof {
    display:none;
  }
  .hero-selector {
    margin-top:8px;
  }
  .hero-actions .button-primary {
    min-height:41px;
    font-size:11px;
    padding:10px 20px;
  }
  .services {
    gap:17px;
    padding-bottom:18px;
  }
  .service-copy>span {
    font-size:7px;
  }
  .service-symbol {
    font-size:25px;
  }
  .footer-bottom {
    padding-top:10px;
  }
}

@media(max-height:520px) {
  .page {
    overflow:auto;
  }
  .hero {
    min-height:360px;
    flex-shrink:0;
  }
  .footer {
    padding-top:10px;
  }
  .bg-video {
    height:100%;
  }
  .panel {
    max-height:calc(100dvh - 20px);
  }
  .mobile-menu {
    margin-top:15px;
    max-height:calc(100dvh - 30px);
  }
  .menu-sheet {
    max-height:calc(100dvh - 30px);
  }
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  .bg-video {
    display:none;
  }
}

/* Conversion details */
.selector-estimate {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}
.selector-estimate > span {
  display: grid;
  gap: 7px;
  padding: 15px 17px;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  background: #00000024;
}
.selector-estimate small {
  color: #81818b;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.selector-estimate strong {
  color: #f0f0f3;
  font-size: 13px;
  font-weight: 560;
}
.selector-result .selector-estimate-reason {
  margin-top: 11px;
  color: #8f8f98;
  font-size: 10px;
  line-height: 1.6;
}
.contact-assurances {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 18px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}
.contact-assurances li {
  padding: 10px 0;
  border-top: 1px solid #ffffff12;
  color: #a8a8b0;
  font-size: 10px;
}
.contact-assurances li::before {
  content: "✓";
  margin-right: 8px;
  color: #b6efa7;
}
.contact-availability {
  margin: 15px 0 0;
  color: #a3b19e;
  font-size: 10px;
}
#copy-open-instagram { flex: 1 1 285px; }
@media(max-width:720px) {
  .selector-estimate,.contact-assurances { grid-template-columns: 1fr; }
  #copy-open-instagram { flex-basis: auto; }
}