:root{
  --graphite:#202024;
  --graphite-2:#29292d;
  --ivory:#f0ede7;
  --ivory-2:#e8e3dc;
  --paper:#f7f5f1;
  --ink:#1d1b19;
  --muted:#858078;
  --line:#d6d0c8;
  --shadow:rgba(41,36,31,.12);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#d4d0ca;color:var(--ink);font-family:"Manrope",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body{overflow:hidden;position:relative}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:100;
  pointer-events:none;
  opacity:.055;
  background:
    radial-gradient(circle at 18% 22%,rgba(28,25,22,.34) 0 .45px,transparent .55px),
    radial-gradient(circle at 72% 64%,rgba(255,255,255,.60) 0 .4px,transparent .5px);
  background-size:5px 5px,7px 7px;
  mix-blend-mode:soft-light;
}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid currentColor;outline-offset:3px}

.site-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:30% 70%;
  overflow:hidden;
}

/* LEFT / REQUESTS */
.requests-side{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 42% 38%,#2f2f33 0%,#26262a 34%,#202024 72%,#1b1b1f 100%);
}
.requests-side:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.54;
  background:
    repeating-linear-gradient(96deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(4deg,rgba(0,0,0,.12) 0 1px,transparent 1px 7px),
    radial-gradient(circle at 24% 18%,rgba(255,255,255,.055) 0 1px,transparent 1.3px);
  background-size:auto,auto,11px 11px;
  mix-blend-mode:soft-light;
}
.requests-side:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.08),transparent 42%),
    radial-gradient(ellipse at 40% 115%,rgba(0,0,0,.30),transparent 48%),
    linear-gradient(108deg,transparent 0 38%,rgba(255,255,255,.022) 43%,transparent 49% 100%);
}
.brand{
  position:absolute;
  z-index:8;
  top:34px;
  left:34px;
  color:#f4f1eb;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  letter-spacing:.34em;
}
.left-note{
  position:absolute;
  z-index:8;
  left:34px;
  bottom:28px;
  margin:0;
  color:#bdb7af;
  font-size:8px;
  line-height:1.7;
  letter-spacing:.28em;
}
.bubble-field{position:absolute;inset:0;z-index:2;overflow:hidden}

/* floating iMessage-like cards */
.request-bubble{
  --dx:10px;
  --dy:-8px;
  --rot:0deg;
  --dur:30s;
  position:absolute;
  z-index:3;
  width:clamp(188px,17vw,264px);
  min-height:72px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(216,212,206,.20),rgba(130,126,123,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 36px rgba(0,0,0,.22);
  backdrop-filter:blur(22px) saturate(80%);
  -webkit-backdrop-filter:blur(22px) saturate(80%);
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  transform:rotate(var(--rot));
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.request-bubble:hover{
  border-color:rgba(255,255,255,.32);
  background:linear-gradient(145deg,rgba(226,222,216,.24),rgba(145,140,136,.14));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 44px rgba(0,0,0,.28);
}
.thumb{
  flex:0 0 54px;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:14px;
  background:linear-gradient(145deg,#e3dfd8,#aaa49c);
  color:#171717;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb span{font-size:7px;font-weight:800;letter-spacing:.08em}
.bubble-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.bubble-copy small{font-size:7.5px;color:#aaa49d;letter-spacing:.02em}
.bubble-copy strong{font-size:11.5px;line-height:1.34;font-weight:450;letter-spacing:-.01em}

/* media bubbles: clean composition, slower drift */
.bubble-01{left:5%;top:11%;--dx:11px;--dy:-7px;--rot:1.2deg;--dur:29s}
.bubble-02{left:51%;top:18%;--dx:-10px;--dy:8px;--rot:-1deg;--dur:33s}
.bubble-03{left:7%;top:34%;--dx:9px;--dy:9px;--rot:-.7deg;--dur:31s}
.bubble-04{left:49%;top:43%;--dx:-8px;--dy:-9px;--rot:.8deg;--dur:35s}
.bubble-05{left:6%;top:58%;--dx:12px;--dy:-7px;--rot:.8deg;--dur:34s}
.bubble-06{left:50%;top:69%;--dx:-9px;--dy:8px;--rot:-.8deg;--dur:30s}

/* FAQ bubbles: smaller, simpler, secondary */
.faq-bubble{
  width:clamp(160px,14vw,218px);
  min-height:56px;
  padding:9px 12px;
  border-radius:18px;
  background:rgba(210,206,201,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.15);
}
.faq-bubble .thumb{
  flex-basis:32px;
  border-radius:50%;
  background:rgba(243,240,234,.92);
}
.faq-bubble .thumb span{font-size:14px;font-weight:500;letter-spacing:0}
.faq-bubble .bubble-copy small{display:none}
.faq-bubble .bubble-copy strong{font-size:10.5px;line-height:1.3;font-weight:430}
.bubble-07{left:12%;top:79%;--dx:8px;--dy:-6px;--dur:36s;opacity:.92}
.bubble-08{left:57%;top:84%;--dx:-7px;--dy:7px;--dur:39s;opacity:.88}
.bubble-09{left:63%;top:5%;--dx:-6px;--dy:7px;--dur:37s;opacity:.62}
.bubble-10{left:-4%;top:71%;--dx:7px;--dy:-6px;--dur:40s;opacity:.52}
.bubble-11{left:33%;top:4%;--dx:6px;--dy:6px;--dur:42s;opacity:.42}

/* RIGHT / EDITORIAL SURFACE */
.results-side{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  padding:40px 46px;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.60) 30%,transparent 54%),
    radial-gradient(circle at 86% 78%,rgba(176,179,181,.16) 0%,transparent 42%),
    linear-gradient(138deg,#f7f7f5 0%,#efefec 54%,#f5f5f2 100%);
}
.results-side:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.72;
  background:
    repeating-linear-gradient(0deg,rgba(104,108,111,.028) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(90deg,rgba(120,124,128,.018) 0 1px,transparent 1px 7px),
    radial-gradient(circle at 18% 28%,rgba(98,102,106,.12) 0 .55px,transparent .72px),
    radial-gradient(circle at 72% 66%,rgba(140,144,148,.08) 0 .45px,transparent .62px);
  background-size:auto,auto,8px 8px,11px 11px;
  mix-blend-mode:multiply;
}
.results-side:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(116deg,transparent 0 44%,rgba(255,255,255,.30) 49%,transparent 54% 100%),
    radial-gradient(ellipse at 30% -10%,rgba(255,255,255,.62),transparent 42%),
    radial-gradient(ellipse at 82% 112%,rgba(120,124,128,.09),transparent 48%);
}
.results-side>*{position:relative;z-index:2}

.hero-copy{max-width:690px}
.eyebrow{
  margin:2px 0 24px;
  color:#6d6760;
  font-size:9px;
  font-weight:650;
  letter-spacing:.24em;
}
.results-side h1{
  margin:0;
  color:#1d1a18;
  font-family:"Manrope",Arial,Helvetica,sans-serif;
  font-weight:500;
  font-size:clamp(54px,5.7vw,90px);
  line-height:.95;
  letter-spacing:-.055em;
}
.offer-line{
  margin-top:24px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  color:#777169;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.offer-line span{display:flex;align-items:center}
.offer-line span+span:before{
  content:"";
  width:1px;
  height:12px;
  margin:0 15px;
  background:#c8c1b9;
}
.first-12h{
  margin-top:30px;
  max-width:560px;
  padding:16px 18px 17px;
  border:1px solid rgba(86,86,82,.16);
  border-radius:16px;
  background:rgba(255,255,255,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.first-12h span{
  display:block;
  margin-bottom:8px;
  color:#252422;
  font-size:11px;
  font-weight:700;
  letter-spacing:.105em;
}
.first-12h p{
  margin:0;
  max-width:520px;
  color:#55524d;
  font-size:13px;
  line-height:1.55;
  letter-spacing:-.01em;
}

/* right moving strip */
.result-reel{
  position:absolute;
  right:46px;
  top:118px;
  bottom:106px;
  width:166px;
  overflow:hidden;
}
.result-reel:before,.result-reel:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:78px;
  z-index:3;
  pointer-events:none;
}
.result-reel:before{top:0;background:linear-gradient(#efeae4,transparent)}
.result-reel:after{bottom:0;background:linear-gradient(transparent,#ece7e0)}
.result-track{
  display:flex;
  flex-direction:column;
  gap:12px;
  animation:reelUp 38s linear infinite;
}
.result-reel:hover .result-track{animation-play-state:paused}
.result-thumb{
  flex:0 0 214px;
  position:relative;
  overflow:hidden;
  padding:12px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:14px;
  background:#d4cec6;
  color:#fff;
  text-align:left;
  box-shadow:0 9px 26px rgba(49,44,39,.08);
}
.result-thumb.has-image{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.result-thumb:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.42));
  pointer-events:none;
}
.result-thumb span,.result-thumb b{position:absolute;z-index:2}
.result-thumb span{right:10px;top:9px;font-size:8px;opacity:.72}
.result-thumb b{left:12px;bottom:12px;font-size:8px;letter-spacing:.12em}
@keyframes reelUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}

/* PRIMARY CTA */
.message-bar{
  position:absolute;
  left:50%;
  bottom:42px;
  transform:translateX(-50%);
  width:min(640px,calc(100% - 300px));
  height:64px;
  display:grid;
  grid-template-columns:48px 1fr 48px;
  align-items:center;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:18px;
  background:rgba(247,245,241,.72);
  box-shadow:0 14px 36px rgba(51,46,41,.09),inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(18px) saturate(110%);
  -webkit-backdrop-filter:blur(18px) saturate(110%);
}
.message-bar input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#1d1a18;
  padding:0 10px;
  font-size:13px;
}
.message-bar input::placeholder{color:#999188}
.attach,.send{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.attach{
  border:1px solid #d6cfc7;
  background:#ece7e0;
  color:#2b2825;
  font-size:20px;
}
.send{
  border:1px solid #28262b;
  background:#28262b;
  color:#fff;
  font-size:18px;
}
.attachment-chip{
  position:absolute;
  left:58px;
  bottom:-24px;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#777169;
  font-size:9px;
}

/* PLAYER DRAWER */
.player-drawer{
  position:fixed;
  z-index:40;
  right:0;
  top:50%;
  width:min(880px,62vw);
  transform:translate(104%,-50%);
  transition:transform .5s cubic-bezier(.22,.8,.2,1);
  pointer-events:none;
}
.player-drawer.is-open{transform:translate(0,-50%);pointer-events:auto}
.player-card{
  margin-right:18px;
  padding:12px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:20px;
  background:rgba(242,239,233,.96);
  box-shadow:0 28px 90px rgba(35,31,28,.22);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.player-topline{
  height:42px;
  padding:0 2px 8px 5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.player-topline>div{display:flex;align-items:baseline;gap:14px}
.player-topline span{font-size:8px;letter-spacing:.16em;color:#8a837b}
.player-topline strong{font-size:12px;font-weight:600}
.player-close{
  width:30px;
  height:30px;
  border:1px solid #d6d0c8;
  border-radius:50%;
  background:#ece7e0;
  color:#1f1d1b;
  font-size:19px;
  line-height:1;
}
.player-frame{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#090909;
}
.player-frame video{
  display:none;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  margin:auto;
  background:#090909;
  object-fit:contain;
  object-position:center;
}
.player-frame.has-video video{display:block}
.player-frame.has-video .video-placeholder{display:none}
.video-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#fff;
  background:#171719;
  text-align:center;
}
.video-placeholder span{font-size:clamp(26px,4vw,56px);font-weight:700;letter-spacing:.18em}
.video-placeholder small{font-size:8px;letter-spacing:.12em;color:#999}
.drawer-scrim{
  position:fixed;
  z-index:35;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:rgba(18,17,18,.16);
  backdrop-filter:blur(1.5px);
  transition:opacity .3s ease;
}
.drawer-scrim.is-open{opacity:1;pointer-events:auto}

/* FAQ IN DRAWER */
.player-frame.has-faq{background:#ebe6df}
.player-frame.has-faq .video-placeholder,.player-frame.has-faq video{display:none!important}
.faq-panel{
  position:absolute;
  inset:0;
  padding:clamp(30px,4vw,58px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  color:#1d1a18;
  background:linear-gradient(145deg,#f3f0ea,#ddd7cf);
}
.faq-panel[hidden]{display:none}
.faq-panel small{margin-bottom:18px;color:#817a72;font-size:8px;letter-spacing:.22em}
.faq-panel h2{
  max-width:700px;
  margin:0 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,4vw,52px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.045em;
}
.faq-panel p{max-width:680px;margin:0;color:#4c4742;font-size:clamp(14px,1.6vw,20px);line-height:1.55}

/* CONTACT */
.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.contact-dialog{width:min(460px,calc(100vw - 32px));padding:0;border:0;background:transparent}
.contact-dialog::backdrop{background:rgba(20,19,20,.22);backdrop-filter:blur(4px)}
.contact-card{
  display:grid;
  gap:14px;
  padding:22px;
  border:1px solid #d4cdc5;
  border-radius:20px;
  background:#f1ede7;
  box-shadow:0 28px 80px rgba(35,31,28,.2);
}
.contact-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.18em}
.contact-head button{
  width:30px;
  height:30px;
  border:1px solid #d4cdc5;
  border-radius:50%;
  background:transparent;
  font-size:20px;
}
.contact-card label{display:grid;gap:6px;color:#777169;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.contact-card input,.contact-card textarea{
  width:100%;
  border:1px solid #d4cdc5;
  border-radius:11px;
  background:#faf8f4;
  color:#1d1a18;
  padding:12px 13px;
  outline:0;
  font-size:13px;
  letter-spacing:0;
  text-transform:none;
}
.contact-card textarea{min-height:110px;resize:vertical}
.contact-file{min-height:32px;padding:9px 11px;border:1px dashed #cbc4bc;border-radius:10px;color:#777169;font-size:9px}
.contact-status{min-height:14px;margin:0;color:#6f6962;font-size:9px}
.contact-submit{
  height:46px;
  border:0;
  border-radius:11px;
  background:#28262b;
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
}
.toast{
  position:fixed;
  z-index:60;
  left:50%;
  bottom:22px;
  transform:translate(-50%,18px);
  opacity:0;
  pointer-events:none;
  padding:11px 15px;
  border-radius:999px;
  background:#242327;
  color:#fff;
  font-size:10px;
  transition:.2s;
}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){
  .site-shell{grid-template-columns:34% 66%}
  .request-bubble{width:205px}
  .result-reel{right:24px;width:132px}
  .results-side{padding:32px 28px}
  .results-side h1{font-size:clamp(50px,6vw,76px)}
  .message-bar{width:min(540px,calc(100% - 205px))}
  .player-drawer{width:min(820px,72vw)}
}

@media(max-width:760px){
  body{overflow:auto}
  .site-shell{display:block;overflow:visible}
  .requests-side{height:68vh;min-height:560px}
  .results-side{height:72vh;min-height:600px;padding:24px 18px}
  .brand{top:24px;left:18px}
  .left-note{left:18px;bottom:18px}
  .request-bubble{width:184px;min-height:66px;padding:8px 9px;border-radius:17px}
  .thumb{flex-basis:48px;border-radius:12px}
  .bubble-copy strong{font-size:10.5px}
  .bubble-01{left:3%;top:13%}.bubble-02{left:44%;top:12%}.bubble-03{left:5%;top:34%}.bubble-04{left:46%;top:35%}.bubble-05{left:4%;top:55%}.bubble-06{left:45%;top:57%}
  .bubble-07{left:12%;top:77%}.bubble-08{left:54%;top:80%}
  .bubble-09,.bubble-10,.bubble-11{display:none}
  .eyebrow{margin-bottom:16px}
  .results-side h1{font-size:51px}
  .offer-line{margin-top:16px;font-size:8px}
  .offer-line span+span:before{margin:0 10px}
  .first-12h{margin-top:22px;max-width:calc(100% - 126px);padding-top:14px}
  .first-12h p{font-size:11px}
  .result-reel{right:18px;top:184px;bottom:102px;width:104px}
  .result-thumb{flex-basis:144px;border-radius:12px}
  .message-bar{left:18px;right:18px;bottom:24px;transform:none;width:auto}
  .player-drawer{width:100%;top:auto;bottom:0;transform:translateY(105%)}
  .player-drawer.is-open{transform:translateY(0)}
  .player-card{margin:0 8px 8px;border-radius:18px}
}

@media (prefers-reduced-motion:reduce){
  .result-track{animation:none!important}
  .player-drawer,.drawer-scrim{transition:none!important}
}


/* CENTER PROJECT COMPOSER */
.project-composer{
  position:absolute;
  z-index:4;
  left:46px;
  top:56%;
  width:min(620px,calc(100% - 300px));
  transform:translateY(-50%);
  padding:18px;
  border:1px solid rgba(255,255,255,.74);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(251,251,249,.90),rgba(232,232,229,.80));
  box-shadow:0 26px 70px rgba(48,42,37,.13),inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(18px) saturate(108%);
  -webkit-backdrop-filter:blur(18px) saturate(108%);
}
.composer-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
.composer-head>span{
  color:#393530;
  font-size:8px;
  font-weight:700;
  letter-spacing:.19em;
}
.composer-head small{
  color:#8a837b;
  font-size:9px;
}
.composer-identity{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.project-composer label>span,
.idea-field>span{
  display:block;
  margin:0 0 6px;
  color:#777068;
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.project-composer input,
.project-composer textarea{
  width:100%;
  border:1px solid #d5cec5;
  border-radius:11px;
  outline:0;
  background:rgba(253,251,247,.78);
  color:#1d1a18;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.project-composer input{
  height:42px;
  padding:0 12px;
  font-size:12px;
}
.project-composer textarea{
  min-height:92px;
  resize:vertical;
  padding:11px 12px;
  font-size:12px;
  line-height:1.48;
}
.project-composer input:focus,
.project-composer textarea:focus{
  border-color:#aaa197;
  background:#fbf9f5;
  box-shadow:0 0 0 3px rgba(128,117,106,.07);
}
.project-composer input::placeholder,
.project-composer textarea::placeholder{color:#aaa39b}
.idea-field{display:block;margin-top:10px}

.upload-zone{
  margin-top:10px;
  min-height:62px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px dashed #c8c0b7;
  border-radius:12px;
  background:rgba(238,233,226,.46);
  color:#4a4540;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.upload-zone:hover,.upload-zone.is-dragging{
  border-color:#958c82;
  background:rgba(234,228,220,.8);
}
.upload-zone.is-dragging{transform:scale(.997)}
.upload-icon{
  flex:0 0 34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #d2cac1;
  border-radius:50%;
  background:#f3efe9;
  color:#2d2926;
  font-size:18px;
}
.upload-zone strong{
  display:block;
  margin-bottom:3px;
  font-size:10px;
  font-weight:600;
}
.upload-zone small{
  display:block;
  color:#8d867e;
  font-size:8px;
}
.file-list{
  min-height:0;
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.file-chip{
  max-width:180px;
  height:27px;
  padding:0 6px 0 9px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #d8d1c8;
  border-radius:999px;
  background:rgba(250,248,244,.75);
  color:#5a544e;
  font-size:8px;
}
.file-chip span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-chip button{
  flex:0 0 18px;
  width:18px;
  height:18px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#7c746c;
  font-size:14px;
  line-height:1;
}
.turnstile-slot{margin-top:8px}
.composer-footer{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.composer-footer p{
  margin:0;
  color:#817a72;
  font-size:8px;
  line-height:1.4;
}
.composer-footer button{
  flex:0 0 auto;
  height:42px;
  padding:0 15px 0 17px;
  border:1px solid #29272c;
  border-radius:11px;
  background:#29272c;
  color:#fff;
  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
}
.composer-footer button span{
  margin-left:12px;
  font-size:14px;
  font-weight:400;
}
.composer-footer button:disabled{opacity:.48;cursor:wait}

/* old bottom composer is replaced by the central project form */
.message-bar,.contact-dialog{display:none!important}

@media(max-width:1100px){
  .project-composer{
    left:28px;
    width:min(540px,calc(100% - 205px));
    top:58%;
    padding:16px;
  }
}

@media(max-width:760px){
  .project-composer{
    position:absolute;
    left:18px;
    right:18px;
    top:270px;
    width:auto;
    transform:none;
    padding:14px;
    border-radius:18px;
  }
  .composer-identity{grid-template-columns:1fr}
  .composer-head{align-items:flex-start;flex-direction:column;gap:4px}
  .project-composer textarea{min-height:82px}
  .result-reel{top:560px;bottom:28px}
  .results-side{height:94vh;min-height:820px}
  .first-12h{display:none}
}


/* UX refinement pass */
body:before{display:none!important}
.faq-panel h2{font-family:"Manrope",Arial,Helvetica,sans-serif!important;font-weight:500}

/* Two-step brief */
.composer-panel[hidden],
.composer-step[hidden],
.project-success[hidden]{display:none!important}

.composer-step{animation:composerIn .24s ease both}
@keyframes composerIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}

.brief-ready{
  margin-bottom:14px;
  padding:12px 13px;
  border:1px solid rgba(74,71,67,.12);
  border-radius:12px;
  background:rgba(255,255,255,.48);
}
.brief-ready span{
  display:block;
  margin-bottom:5px;
  color:#2a2927;
  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
}
.brief-ready p{
  margin:0;
  color:#77716a;
  font-size:10px;
  line-height:1.45;
}

.composer-footer-contact{
  display:grid;
  grid-template-columns:auto 1fr auto;
}
.composer-footer-contact p{text-align:center}

.composer-back{
  height:42px;
  padding:0 10px!important;
  border:0!important;
  background:transparent!important;
  color:#6f6962!important;
  font-size:8px!important;
  font-weight:600!important;
  letter-spacing:.10em!important;
}
.composer-back:disabled{opacity:.45}

.project-success{
  min-height:360px;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(250,250,248,.93),rgba(231,231,228,.90));
}
.project-success>span{
  margin-bottom:18px;
  color:#66615b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
}
.project-success h2{
  margin:0 0 12px;
  font-size:clamp(34px,4vw,54px);
  line-height:.98;
  font-weight:500;
  letter-spacing:-.05em;
}
.project-success p{
  max-width:430px;
  margin:0 0 20px;
  color:#5c5752;
  font-size:13px;
  line-height:1.55;
}
.project-success strong{
  display:inline-flex;
  margin-bottom:24px;
  padding:7px 10px;
  border:1px solid #d1cdc7;
  border-radius:999px;
  color:#3c3935;
  background:rgba(255,255,255,.55);
  font-size:9px;
  letter-spacing:.10em;
}
.project-success button{
  height:42px;
  padding:0 15px;
  border:1px solid #29272c;
  border-radius:11px;
  background:#29272c;
  color:#fff;
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
}

/* Keep UI clean; texture belongs to the surfaces only */
.project-composer,
.player-card,
.player-frame,
.result-thumb,
.request-bubble{isolation:isolate}

/* Mobile becomes a true reading/order flow:
   headline -> offer -> brief -> videos -> request bubbles */
@media(max-width:760px){
  .site-shell{
    display:flex!important;
    flex-direction:column;
    overflow:visible!important;
  }
  .results-side{
    order:1;
    height:auto!important;
    min-height:0!important;
    padding:24px 18px 34px!important;
    overflow:hidden;
  }
  .requests-side{
    order:2;
    height:68vh;
    min-height:560px;
  }

  .hero-copy{max-width:none}
  .results-side h1{font-size:50px;line-height:.96}
  .first-12h{
    display:block!important;
    max-width:none!important;
    margin-top:20px!important;
  }

  .project-composer{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    transform:none!important;
    margin-top:26px;
    padding:14px;
  }
  .composer-head{margin-bottom:12px}
  .composer-identity{grid-template-columns:1fr}
  .composer-footer-contact{
    grid-template-columns:auto 1fr;
    gap:8px;
  }
  .composer-footer-contact p{
    grid-column:1/-1;
    grid-row:1;
    text-align:left;
  }
  .composer-footer-contact .composer-back{grid-column:1;grid-row:2}
  .composer-footer-contact #projectSubmit{grid-column:2;grid-row:2;justify-self:end}

  .result-reel{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:226px;
    margin-top:28px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }
  .result-reel::-webkit-scrollbar{display:none}
  .result-reel:before,.result-reel:after{display:none}
  .result-track{
    width:max-content;
    height:100%;
    flex-direction:row;
    gap:10px;
    animation:none!important;
  }
  .result-thumb{
    flex:0 0 158px;
    height:210px;
    border-radius:13px;
  }

  .project-success{min-height:330px;padding:24px}
}


/* Brand integration */
:root{
  --brand-red:#ff5147;
  --brand-red-soft:rgba(255,81,71,.22);
}

.site-shell{position:relative}

.brand-anchor{
  position:absolute;
  z-index:20;
  left:30%;
  top:50%;
  width:78px;
  height:78px;
  transform:translate(-50%,-50%);
  border-radius:21px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:#232326;
  box-shadow:
    0 16px 42px rgba(16,15,17,.28),
    0 0 0 7px rgba(255,255,255,.04),
    0 0 34px rgba(255,81,71,.16);
  pointer-events:none;
}
.brand-anchor:before{
  content:"";
  position:absolute;
  left:50%;
  top:-90px;
  width:1px;
  height:260px;
  transform:translateX(-50%);
  background:linear-gradient(to bottom,transparent,rgba(255,81,71,.42),transparent);
  z-index:-1;
}
.brand-anchor img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.offer-line span:first-child{
  color:#3a3733;
  font-weight:700;
}
.offer-line span:first-child:before{
  content:"";
  width:5px;
  height:5px;
  margin-right:8px;
  border-radius:50%;
  background:var(--brand-red);
  box-shadow:0 0 10px rgba(255,81,71,.42);
}

.composer-footer button:not(.composer-back),
.project-success button{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.composer-footer button:not(.composer-back):hover,
.project-success button:hover{
  transform:translateY(-1px);
  border-color:#353035;
  background:#242226;
  box-shadow:0 8px 20px rgba(32,28,28,.14),0 0 0 1px rgba(255,81,71,.16),0 0 22px rgba(255,81,71,.09);
}
.composer-footer button:not(.composer-back) span,
.project-success button span{color:#ff746c}

.project-composer input:focus,
.project-composer textarea:focus{
  border-color:rgba(255,81,71,.46)!important;
  box-shadow:0 0 0 3px rgba(255,81,71,.07)!important;
}

.result-thumb{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.result-thumb:hover{
  transform:translateY(-2px) scale(1.012);
  border-color:rgba(255,81,71,.34);
  box-shadow:0 14px 30px rgba(49,44,39,.12),0 0 0 1px rgba(255,81,71,.07);
  filter:saturate(1.03);
}

@media(max-width:1100px){
  .brand-anchor{left:34%;width:70px;height:70px;border-radius:19px}
}

@media(max-width:760px){
  .brand-anchor{
    left:auto;
    right:18px;
    top:22px;
    width:54px;
    height:54px;
    transform:none;
    border-radius:15px;
    box-shadow:0 10px 28px rgba(28,25,25,.20),0 0 20px rgba(255,81,71,.12);
  }
  .brand-anchor:before{display:none}
  .eyebrow{padding-right:72px}
}


/* Smoother player feedback */
.player-frame video{
  transform:translateZ(0);
  backface-visibility:hidden;
}
.player-frame.is-loading:after{
  content:"";
  position:absolute;
  z-index:6;
  right:15px;
  bottom:15px;
  width:16px;
  height:16px;
  border:2px solid rgba(255,255,255,.26);
  border-top-color:rgba(255,255,255,.9);
  border-radius:50%;
  animation:playerSpin .75s linear infinite;
  pointer-events:none;
}
@keyframes playerSpin{to{transform:rotate(360deg)}}


/* Brand mark placement v2 — entirely on the light panel */
.brand-anchor{
  left:auto!important;
  right:46px!important;
  top:34px!important;
  width:68px!important;
  height:68px!important;
  transform:none!important;
  border-radius:18px!important;
  border:1px solid rgba(56,53,50,.10)!important;
  background:#232326!important;
  box-shadow:0 12px 30px rgba(33,30,28,.14),0 0 0 5px rgba(255,255,255,.34)!important;
}
.brand-anchor:before{display:none!important}

/* Reduce GPU compositing while a video is open */
body.video-open .request-bubble,
body.video-open .project-composer,
body.video-open .player-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.video-open .result-track{animation-play-state:paused!important}
.drawer-scrim{backdrop-filter:none!important}
.player-card{
  background:rgba(242,239,233,.985)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media(max-width:1100px){
  .brand-anchor{
    right:28px!important;
    top:28px!important;
    width:62px!important;
    height:62px!important;
  }
}
@media(max-width:760px){
  .brand-anchor{
    right:18px!important;
    top:18px!important;
    width:54px!important;
    height:54px!important;
    border-radius:15px!important;
  }
}


/* Full NAPPIAD lockup — never cropped */
.brand-anchor{
  left:auto!important;
  right:42px!important;
  top:24px!important;
  width:126px!important;
  height:126px!important;
  transform:none!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none;
}
.brand-anchor img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  filter:drop-shadow(0 12px 24px rgba(24,22,22,.14));
}
.result-reel{top:178px}

/* Customer guide entry point */
.knowledge-open{
  position:absolute;
  z-index:5;
  top:46px;
  right:190px;
  height:40px;
  padding:0 13px 0 15px;
  display:flex;
  align-items:center;
  gap:16px;
  border:1px solid rgba(74,70,66,.15);
  border-radius:999px;
  background:rgba(255,255,255,.54);
  color:#34312e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.knowledge-open:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.78);
  border-color:rgba(255,81,71,.26);
}
.knowledge-open b{
  color:var(--brand-red);
  font-size:14px;
  font-weight:500;
}

/* Everything you need to know */
.knowledge-dialog{
  width:min(900px,calc(100vw - 38px));
  max-height:min(840px,calc(100vh - 38px));
  padding:0;
  border:0;
  border-radius:24px;
  overflow:hidden;
  background:transparent;
}
.knowledge-dialog::backdrop{
  background:rgba(22,21,22,.42);
}
.knowledge-shell{
  max-height:min(840px,calc(100vh - 38px));
  overflow:auto;
  padding:26px;
  color:#211f1d;
  background:
    radial-gradient(circle at 15% 5%,rgba(255,255,255,.95),transparent 34%),
    linear-gradient(145deg,#f7f7f5,#ececea);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 34px 100px rgba(20,18,18,.28);
}
.knowledge-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(75,71,67,.14);
}
.knowledge-head>div>span{
  display:block;
  margin-bottom:9px;
  color:#6e6963;
  font-size:8px;
  font-weight:700;
  letter-spacing:.18em;
}
.knowledge-head h2{
  margin:0 0 8px;
  max-width:690px;
  font-size:clamp(34px,4.8vw,62px);
  line-height:.98;
  font-weight:500;
  letter-spacing:-.055em;
}
.knowledge-head p{
  margin:0;
  max-width:610px;
  color:#66615b;
  font-size:12px;
  line-height:1.55;
}
.knowledge-head>button{
  width:36px;
  height:36px;
  border:1px solid #d1ccc6;
  border-radius:50%;
  background:rgba(255,255,255,.66);
  color:#282522;
  font-size:22px;
  line-height:1;
}
.knowledge-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 24px;
  padding-top:10px;
}
.knowledge-grid details{
  border-bottom:1px solid rgba(83,78,73,.13);
}
.knowledge-grid summary{
  position:relative;
  list-style:none;
  padding:16px 28px 16px 0;
  color:#2d2a27;
  cursor:pointer;
  font-size:11px;
  font-weight:650;
  line-height:1.4;
}
.knowledge-grid summary::-webkit-details-marker{display:none}
.knowledge-grid summary:after{
  content:"+";
  position:absolute;
  right:2px;
  top:15px;
  color:#8c857d;
  font-size:17px;
  font-weight:400;
}
.knowledge-grid details[open] summary:after{content:"−"}
.knowledge-grid details p{
  margin:-3px 26px 16px 0;
  color:#68625c;
  font-size:10.5px;
  line-height:1.62;
}
.knowledge-foot{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(75,71,67,.14);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.knowledge-foot>span{
  color:#5d5852;
  font-size:8px;
  font-weight:700;
  letter-spacing:.13em;
}
.knowledge-foot button{
  height:42px;
  padding:0 16px;
  border:1px solid #29272c;
  border-radius:11px;
  background:#29272c;
  color:#fff;
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
}

@media(max-width:1100px){
  .brand-anchor{
    right:28px!important;
    top:24px!important;
    width:108px!important;
    height:108px!important;
  }
  .knowledge-open{right:156px;top:42px}
  .result-reel{top:158px}
}
@media(max-width:760px){
  .brand-anchor{
    right:18px!important;
    top:18px!important;
    width:86px!important;
    height:86px!important;
  }
  .eyebrow{padding-right:104px!important}
  .knowledge-open{
    position:relative;
    top:auto;
    right:auto;
    width:max-content;
    margin-top:14px;
  }
  .result-reel{top:auto!important}
  .knowledge-dialog{
    width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
    border-radius:18px;
  }
  .knowledge-shell{
    max-height:calc(100vh - 20px);
    padding:20px 16px;
  }
  .knowledge-grid{grid-template-columns:1fr}
  .knowledge-head{gap:14px}
  .knowledge-head h2{font-size:38px}
  .knowledge-foot{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Brand signature v3 — integrated, not a pasted logo tile */
.brand-anchor{display:none!important}
.brand-signature{
  position:absolute;
  z-index:20;
  top:28px;
  right:42px;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:178px;
  padding:0;
  color:#211f1d;
  pointer-events:none;
}
.brand-mark{
  width:52px;
  height:52px;
  flex:0 0 52px;
  overflow:hidden;
  border-radius:14px;
  background:#242426;
  box-shadow:
    0 10px 24px rgba(28,25,24,.12),
    inset 0 0 0 1px rgba(255,255,255,.06);
}
.brand-mark img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.brand-signature-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-left:1px;
}
.brand-signature-copy:after{
  content:"";
  width:22px;
  height:1px;
  margin-top:3px;
  background:linear-gradient(90deg,var(--brand-red),rgba(255,81,71,0));
}
.brand-signature-copy strong{
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:.22em;
  white-space:nowrap;
}
.brand-signature-copy small{
  color:#807a73;
  font-size:7px;
  font-weight:650;
  letter-spacing:.16em;
  white-space:nowrap;
}

.knowledge-open{
  top:94px!important;
  right:42px!important;
}
.result-reel{top:162px!important}

@media(max-width:1100px){
  .brand-signature{
    top:24px;
    right:28px;
  }
  .brand-mark{
    width:48px;
    height:48px;
    flex-basis:48px;
    border-radius:13px;
  }
  .brand-signature-copy strong{font-size:13px}
  .knowledge-open{
    top:86px!important;
    right:28px!important;
  }
  .result-reel{top:150px!important}
}

@media(max-width:760px){
  .brand-signature{
    top:18px;
    right:18px;
    gap:8px;
    min-width:0;
  }
  .brand-mark{
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:12px;
  }
  .brand-signature-copy strong{font-size:11px;letter-spacing:.18em}
  .brand-signature-copy small{font-size:6px}
  .eyebrow{padding-right:150px!important}
  .knowledge-open{
    top:auto!important;
    right:auto!important;
  }
  .result-reel{top:auto!important}
}


/* Transparent logo lockup v4 */
.brand-signature{
  position:absolute!important;
  z-index:20!important;
  top:20px!important;
  right:36px!important;
  display:block!important;
  width:150px!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.brand-signature-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 10px 20px rgba(31,28,26,.10));
}
.brand-mark,
.brand-signature-copy{display:none!important}

.knowledge-open{
  top:118px!important;
  right:36px!important;
}
.result-reel{top:178px!important}

@media(max-width:1100px){
  .brand-signature{
    top:18px!important;
    right:26px!important;
    width:132px!important;
  }
  .knowledge-open{
    top:106px!important;
    right:26px!important;
  }
  .result-reel{top:166px!important}
}

@media(max-width:760px){
  .brand-signature{
    top:14px!important;
    right:14px!important;
    width:106px!important;
  }
  .eyebrow{padding-right:120px!important}
  .knowledge-open{
    top:auto!important;
    right:auto!important;
  }
  .result-reel{top:auto!important}
}


/* Brand visibility fix — true masthead on the light panel */
.brand-signature{
  position:absolute!important;
  z-index:22!important;
  top:26px!important;
  left:46px!important;
  right:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  color:#211f1d!important;
  pointer-events:none!important;
}
.brand-signature-logo{display:none!important}
.brand-symbol{
  position:relative;
  width:54px;
  height:54px;
  flex:0 0 54px;
  overflow:hidden;
  display:block;
}
.brand-symbol img{
  position:absolute;
  left:-8px;
  top:-3px;
  width:70px;
  height:auto;
  max-width:none;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(29,26,24,.16));
}
.brand-signature-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  padding:0!important;
}
.brand-signature-copy:after{
  content:"";
  width:24px;
  height:1px;
  margin-top:4px;
  background:linear-gradient(90deg,var(--brand-red),rgba(255,81,71,0));
}
.brand-signature-copy strong{
  color:#1f1d1b;
  font-size:16px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  white-space:nowrap;
}
.brand-signature-copy small{
  color:#77716a!important;
  font-size:7px!important;
  font-weight:650!important;
  letter-spacing:.15em!important;
  white-space:nowrap;
}

.hero-copy{padding-top:72px}
.knowledge-open{
  top:34px!important;
  right:42px!important;
}
.result-reel{top:148px!important}

@media(max-width:1100px){
  .brand-signature{
    top:22px!important;
    left:28px!important;
  }
  .brand-symbol{
    width:50px;
    height:50px;
    flex-basis:50px;
  }
  .brand-symbol img{
    left:-7px;
    top:-2px;
    width:65px;
  }
  .brand-signature-copy strong{font-size:14px!important}
  .hero-copy{padding-top:68px}
  .knowledge-open{
    top:28px!important;
    right:28px!important;
  }
  .result-reel{top:138px!important}
}

@media(max-width:760px){
  .brand-signature{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    margin:0 0 22px 0!important;
  }
  .brand-symbol{
    width:48px;
    height:48px;
    flex-basis:48px;
  }
  .brand-symbol img{
    left:-6px;
    top:-2px;
    width:62px;
  }
  .brand-signature-copy strong{font-size:13px!important}
  .hero-copy{padding-top:0!important}
  .eyebrow{padding-right:0!important}
  .knowledge-open{
    top:auto!important;
    right:auto!important;
  }
  .result-reel{top:auto!important}
}


/* Launch trust footer */
.site-footer{
  position:absolute;
  z-index:6;
  left:46px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#817b74;
  font-size:8px;
  letter-spacing:.08em;
}
.site-footer a{
  color:inherit;
  text-decoration:none;
  transition:color .18s ease;
}
.site-footer a:hover{color:#2d2926}
.site-footer span{opacity:.45}

@media(max-width:1100px){
  .site-footer{left:28px}
}
@media(max-width:760px){
  .site-footer{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:24px;
    flex-wrap:wrap;
  }
}


.submit-legal{
  margin:10px 0 0;
  color:#888179;
  font-size:7.5px;
  line-height:1.5;
}
.submit-legal a{
  color:#5f5953;
  text-underline-offset:2px;
}