/* NYB · nyb.css (17/09/2026) — Unbounded só nos títulos, Instrument Sans no corpo; 6 tamanhos de fonte; sem gradiente, sem etiqueta miúda */
:root{--bg:#f2f0eb;--ink:#191917;--neon:#dcff01;--dark:#1a1a18;--mid:#7a7a72;--pale:#e8e6e0;--linha:rgba(25,25,23,.14);
  --t:'Unbounded',system-ui,sans-serif;--c:'Instrument Sans',system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1);
  --f1:clamp(34px,5.2vw,76px);--f2:clamp(26px,3.2vw,44px);--f3:20px;--f4:16px;--f5:14px;--f6:13px;--pad:clamp(20px,4vw,56px);--max:1360px}
*{box-sizing:border-box} html.lenis{height:auto} .lenis.lenis-smooth{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--c);font-size:var(--f4);line-height:1.5;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto} a{color:inherit}
h1,h2,h3{font-family:var(--t);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;margin:0}
h1{font-size:var(--f1)} h2{font-size:var(--f2)} h3{font-size:var(--f3);font-weight:400;letter-spacing:0}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.btn{display:inline-block;font-family:var(--c);font-weight:600;font-size:var(--f5);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;padding:16px 28px;border-radius:999px;border:1.5px solid currentColor;transition:background .25s,color .25s,transform .4s var(--ease);cursor:pointer;background:none;color:inherit} .btn:hover{transform:translateY(-2px)}
.btn-cheio{background:var(--ink);color:var(--bg);border-color:var(--ink)} .btn-cheio:hover{background:var(--neon);color:var(--ink);border-color:var(--neon)}
.btn-vazado{color:var(--ink)} .btn-vazado:hover{background:var(--ink);color:var(--bg)}
.btn-luz{color:#fff;border-color:#fff} .btn-luz:hover{background:#fff;color:var(--ink)}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease) var(--d,0ms),transform .9s var(--ease) var(--d,0ms)} [data-reveal].vis{opacity:1;transform:none}
/* nav */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--pad);color:var(--ink);transition:color .3s}
.site-nav.clara{color:#fff}
.site-nav .logo svg{height:26px;width:auto;display:block}
.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:28px} .nav-links a{font-size:var(--f5);font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--neon);transition:right .35s var(--ease)} .nav-links a:hover::after,.nav-links a.ativo::after{right:0}
.nav-cta{font-size:var(--f5);font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:1.5px solid currentColor;border-radius:999px;padding:10px 18px;margin-right:64px;transition:background .25s,color .25s} .nav-cta:hover{background:var(--neon);color:var(--ink);border-color:var(--neon)}
.nav-hamburger{display:none;background:none;border:0;padding:8px;cursor:pointer;flex-direction:column;gap:5px} .nav-hamburger span{display:block;width:24px;height:2px;background:currentColor}
@media(max-width:800px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex;margin-right:56px}
  .site-nav.aberto{background:var(--ink);color:#fff;flex-wrap:wrap}.site-nav.aberto .nav-links{display:flex;flex-direction:column;gap:18px;width:100%;order:3;padding:24px 0 8px}.site-nav.aberto .nav-cta{display:inline-block;order:4;margin:0 0 8px}}
/* hero da home: vídeo em preto e branco com zoom lento */
.hero{position:relative;height:100vh;height:100svh;min-height:560px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--dark)}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);animation:heroZoom 24s ease-in-out infinite alternate}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero::after{content:"";position:absolute;inset:0;background:rgba(10,10,9,.38)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:clamp(40px,7vh,72px)}
.hero h1{max-width:14ch} .hero h1 .l{display:block;overflow:hidden} .hero h1 .l span{display:block;transform:translateY(110%);transition:transform 1.1s var(--ease) var(--d,0ms)} .hero.pronto h1 .l span{transform:none}
.hero .btn{margin-top:32px;opacity:0;transition:opacity .8s .6s,background .25s,color .25s,transform .4s var(--ease)} .hero.pronto .btn{opacity:1}
/* hero das páginas internas: uma frase grande, uma linha */
.pg-hero{padding:calc(96px + 10vh) 0 clamp(56px,8vw,96px)} .pg-hero.escuro{background:var(--dark);color:#fff} .pg-hero.escuro .site-nav{color:#fff}
.pg-hero h1{max-width:16ch} .pg-hero h1 .l{display:block;overflow:hidden} .pg-hero h1 .l span{display:block;transform:translateY(110%);transition:transform 1.1s var(--ease) var(--d,0ms)} .pronto .pg-hero h1 .l span{transform:none}
.pg-hero p{font-size:var(--f3);max-width:44ch;margin-top:24px;opacity:0;transition:opacity .8s .5s} .pronto .pg-hero p{opacity:1}
/* blocos genéricos */
.bloco{padding:clamp(72px,10vw,140px) 0} .bloco.fio{border-top:1px solid var(--linha)} .bloco.escuro{background:var(--dark);color:#fff} .bloco.neon{background:var(--neon);color:var(--ink)}
.duas{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start} .duas > :first-child{position:sticky;top:96px}
.lead{font-size:var(--f3);max-width:44ch} .nota{font-size:var(--f5);color:var(--mid)}
.texto-grande{font-family:var(--t);font-weight:400;font-size:var(--f2);text-transform:none;letter-spacing:-.02em;line-height:1.15;max-width:22ch}
.lista{list-style:none;margin:0;padding:0} .lista li{padding:16px 0;border-top:1px solid var(--linha);font-size:var(--f3)} .lista li:last-child{border-bottom:1px solid var(--linha)}
.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} .numeros div{border-top:1px solid currentColor;padding-top:18px} .numeros b{display:block;font-family:var(--t);font-weight:400;font-size:var(--f1);line-height:1;margin-bottom:12px} .numeros span{display:block;font-size:var(--f4)} .numeros small{display:block;font-size:var(--f6);color:var(--mid);margin-top:8px} .escuro .numeros small{color:rgba(255,255,255,.55)}
.bloco.neon h2{font-size:var(--f1);max-width:14ch} .bloco.neon .lead{margin:24px 0 32px}
/* serviços (home): foto que troca no hover + linhas grandes */
.servicos{padding:clamp(72px,10vw,140px) 0;border-bottom:1px solid var(--linha)}
.servicos .wrap{display:grid;grid-template-columns:1fr 2.2fr;gap:48px;align-items:start}
.svc-lado{position:sticky;top:96px} .svc-lado .btn{margin-top:28px} .svc-nota{font-size:var(--f3);margin:16px 0 0;max-width:22ch}
.svc-fotos{position:relative;aspect-ratio:1/1;margin-top:32px;overflow:hidden;background:var(--dark)}
.svc-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--foco,50%) 50%;filter:grayscale(1);opacity:0;transform:scale(1.06);transition:opacity .6s var(--ease),transform 1.2s var(--ease)} .svc-foto.is-on{opacity:1;transform:none}
.svc{display:block;position:relative;text-decoration:none;padding:22px 0;border-top:1px solid var(--linha);transition:padding-left .45s var(--ease)} .svc:last-child{border-bottom:1px solid var(--linha)}
.svc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--neon);z-index:-1;transition:width .5s var(--ease)} .svc:hover{padding-left:22px} .svc:hover::before{width:100%}
.svc-nome{display:block;font-family:var(--t);font-weight:400;font-size:var(--f2);letter-spacing:-.02em;text-transform:uppercase;line-height:1.05}
.svc-linha{display:block;margin-top:6px;font-size:var(--f5);color:var(--mid);transition:color .3s} .svc:hover .svc-linha{color:var(--ink)}
/* serviços (página): blocos alternados foto + texto */
.svc-bloco{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--linha)} .svc-bloco:nth-child(even) .svc-foto-p{order:2}
.svc-foto-p{aspect-ratio:1/1;overflow:hidden;background:var(--dark)} .svc-foto-p img{width:100%;height:100%;object-fit:cover;object-position:var(--foco,50%) 50%;filter:grayscale(1);transition:transform 1.2s var(--ease)} .svc-bloco:hover .svc-foto-p img{transform:scale(1.04)}
.svc-bloco h2{margin-bottom:18px} .svc-bloco .lead{margin-bottom:28px}
.svc-listas{display:grid;grid-template-columns:1fr 1fr;gap:24px} .svc-listas h3{margin-bottom:10px} .svc-listas ul{list-style:none;margin:0;padding:0} .svc-listas li{padding:8px 0;border-top:1px solid var(--linha);font-size:var(--f5)}
.svc-bloco .btn{margin-top:28px}
/* marcas */
.marcas{padding:clamp(72px,10vw,140px) 0} .marcas h2{max-width:20ch;margin-bottom:48px}
.marcas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.marca{display:flex;align-items:center;justify-content:center;height:104px;padding:20px;border:1px solid var(--linha);transition:background .35s var(--ease),border-color .35s} .marca:hover{background:var(--neon);border-color:var(--neon)}
.marca img{height:auto;max-width:80%;filter:grayscale(1);opacity:.9;transition:transform .5s var(--ease)} .marca:hover img{transform:scale(1.06)}
/* squad */
.squad{padding:clamp(72px,10vw,140px) 0;border-top:1px solid var(--linha)}
.squad-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:40px} .squad-top p{max-width:44ch;margin:12px 0 0;font-size:var(--f3)}
.squad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1200px}
.cr{text-decoration:none;display:block;transform-style:preserve-3d;transition:transform .5s var(--ease)} .cr-foto{display:block;overflow:hidden;background:var(--dark)}
.cr img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1);transition:transform .9s var(--ease)} .cr:hover img{transform:scale(1.05)}
.cr-nome{display:inline-block;position:relative;margin-top:12px;font-weight:600;font-size:var(--f4)} .cr-nome::after{content:"";position:absolute;left:0;bottom:.05em;height:.45em;width:0;background:var(--neon);z-index:-1;transition:width .35s var(--ease)} .cr:hover .cr-nome::after{width:100%}
.cr-linha{display:block;color:var(--mid);font-size:var(--f6)}
/* cases: blocos alternados */
.case{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--linha)} .case:nth-child(even) .case-foto{order:2}
.case-foto{aspect-ratio:1/1;overflow:hidden;background:var(--dark)} .case-foto img{width:100%;height:100%;object-fit:cover;object-position:var(--foco,50%) 50%;filter:grayscale(1);transition:transform 1.2s var(--ease)} .case:hover .case-foto img{transform:scale(1.04)}
.case-par{font-size:var(--f5);color:var(--mid);margin-bottom:14px} .case-par b{color:var(--ink);font-weight:600} .case h2{margin-bottom:18px} .case p{font-size:var(--f4);max-width:52ch}
/* arte larga (3000x1080): faixa cheia na proporção original, texto em duas colunas embaixo; no celular, caixa 3:2 no ponto de foco */
.case.larga{grid-template-columns:1fr;gap:36px} .case.larga .case-foto,.case.larga:nth-child(even) .case-foto{aspect-ratio:25/9;order:0} .case-txt{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start} .case-txt h2{margin-bottom:0}
@media(max-width:900px){.case.larga .case-foto,.case.larga:nth-child(even) .case-foto{aspect-ratio:3/2}.case-txt{grid-template-columns:1fr;gap:18px}}
.case-foto a{display:block;height:100%} .case .btn{margin-top:24px}
/* página de um case só: sem a linha de cima; par sobre fundo escuro; outros cases em lista */
.case.unico{border-top:0;padding-top:0} .pg-hero.escuro .case-par{color:rgba(255,255,255,.62);margin-bottom:22px} .pg-hero.escuro .case-par b{color:#fff} .pg-hero.escuro .case-par a{text-decoration:underline;text-underline-offset:.2em}
.case-unico-txt p{font-size:var(--f3);max-width:60ch;line-height:1.55} .case-servico{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start} .case-servico p{max-width:52ch}
.outros{list-style:none;margin:0;padding:0} .outros li{border-top:1px solid var(--linha)} .outros li:last-child{border-bottom:1px solid var(--linha)} .outros a{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;padding:22px 0;text-decoration:none;transition:background .3s var(--ease),padding .3s var(--ease)} .outros a:hover{background:var(--neon);padding-left:16px;padding-right:16px}
.outros .o-par{font-size:var(--f5);color:var(--mid)} .outros .o-par b{color:var(--ink);font-weight:600} .outros .o-tit{font-family:var(--t);font-weight:700;text-transform:uppercase;font-size:var(--f3)}
@media(max-width:900px){.case-servico,.outros a{grid-template-columns:1fr;gap:6px}.case-unico-txt p{font-size:var(--f4)}}
.case-fatos{list-style:none;margin:24px 0 0;padding:0} .case-fatos li{padding:10px 0;border-top:1px solid var(--linha);font-size:var(--f5)}
/* contato / formulários */
.contato-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start} .contato-info{position:sticky;top:96px} .contato-info dt{font-size:var(--f6);color:var(--mid);margin-top:20px} .contato-info dd{margin:2px 0 0;font-size:var(--f3)} .contato-info a{text-decoration:none}
.contato-info a:hover{text-decoration:underline;text-decoration-color:var(--neon);text-decoration-thickness:3px}
/* rodapé */
.site-footer{background:var(--dark);color:#fff;padding:64px 0 32px} .site-footer > *{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:var(--pad);padding-right:var(--pad)}
.ft-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap} .ft-logo svg{height:28px;width:auto;display:block;margin-bottom:16px} .ft-tagline{color:rgba(255,255,255,.7);max-width:38ch;margin:0;font-size:var(--f5)}
.ft-nav{display:flex;gap:64px} .ft-nav-col{display:flex;flex-direction:column;gap:10px} .ft-nav-title{font-weight:600;font-size:var(--f5);margin-bottom:6px} .ft-nav-link{text-decoration:none;color:rgba(255,255,255,.75);font-size:var(--f5)} .ft-nav-link:hover{color:#fff}
.ft-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);font-size:var(--f6);color:rgba(255,255,255,.6)} .ft-social{display:flex;gap:20px} .ft-social-link{text-decoration:none;color:rgba(255,255,255,.75)}
.site-footer .nt-line{margin-top:24px}
@media(max-width:900px){.servicos .wrap,.duas,.svc-bloco,.case,.contato-cols{grid-template-columns:1fr}.svc-lado,.duas > :first-child,.contato-info{position:static}.svc-fotos{display:none}.svc-bloco:nth-child(even) .svc-foto-p,.case:nth-child(even) .case-foto{order:0}.squad-grid{grid-template-columns:repeat(2,1fr)}.marcas-grid{grid-template-columns:repeat(3,1fr)}.numeros{grid-template-columns:1fr;gap:20px}.ft-nav{gap:40px}}
@media(max-width:600px){.marcas-grid{grid-template-columns:repeat(3,1fr);gap:6px}.marca{height:76px;padding:12px}.marca img{max-width:84%;transform:scale(.8)}.hero{min-height:520px}.svc-listas{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.hero video{animation:none}.hero h1 .l span,.pg-hero h1 .l span{transform:none}.hero .btn,.pg-hero p{opacity:1}.contato h2 .w{opacity:1}}

.contato h2 .w{display:inline-block;opacity:.18;transition:opacity .6s var(--d,0ms)} .contato h2.vis .w{opacity:1} .contato .creators{margin-top:56px;padding-top:24px;border-top:1px solid rgba(25,25,23,.25);font-size:var(--f4)} .contato .creators a{font-weight:600}

/* páginas longas (empresariamento, lab): passos, cartões de entrega, planos, perguntas */
.numeros.q4{grid-template-columns:repeat(4,1fr)} .numeros b.menor{font-size:var(--f2)}
.entregas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha);border:1px solid var(--linha)} .entrega{background:var(--bg);padding:28px 26px} .entrega h3{margin-bottom:10px;font-weight:600;font-family:var(--c);text-transform:none;font-size:var(--f4)} .entrega p{font-size:var(--f5);color:var(--ink)}
.passos{list-style:none;margin:0;padding:0;counter-reset:p} .passos li{counter-increment:p;position:relative;padding:22px 0 22px 64px;border-top:1px solid var(--linha)} .passos li:last-child{border-bottom:1px solid var(--linha)}
.passos li::before{content:counter(p);position:absolute;left:0;top:22px;width:40px;height:40px;border:1.5px solid var(--ink);border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--f5)}
.passos h3{font-family:var(--c);font-weight:600;text-transform:none;font-size:var(--f3);margin-bottom:4px} .passos p{font-size:var(--f4);color:var(--ink)}
.duas-listas{display:grid;grid-template-columns:1fr 1fr;gap:40px} .duas-listas h3{margin-bottom:12px}
.planos{display:grid;grid-template-columns:1fr 1fr;gap:20px} .plano{border:1.5px solid var(--ink);padding:36px 32px;display:flex;flex-direction:column} .plano.destaque{background:var(--ink);color:var(--bg)}
.plano .plano-tag{font-size:var(--f5);font-weight:600;margin-bottom:12px} .plano h3{font-family:var(--t);font-weight:700;text-transform:uppercase;font-size:var(--f2);margin-bottom:4px} .plano .preco{font-family:var(--t);font-weight:400;font-size:var(--f2);margin:12px 0 4px} .plano .cond{font-size:var(--f5);opacity:.75;margin-bottom:20px}
.plano ul{list-style:none;margin:0 0 28px;padding:0;flex:1} .plano li{padding:9px 0;border-top:1px solid var(--linha);font-size:var(--f5)} .plano.destaque li{border-top-color:rgba(255,255,255,.18)} .plano.destaque .btn{background:var(--neon);color:var(--ink);border-color:var(--neon)}
.faq details{border-top:1px solid var(--linha)} .faq details:last-child{border-bottom:1px solid var(--linha)} .faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:var(--f3);font-weight:600;position:relative} .faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:16px;font-family:var(--t);font-weight:400;font-size:var(--f2);line-height:1;transition:transform .3s} .faq details[open] summary::after{transform:rotate(45deg)} .faq details p{padding:0 0 22px;max-width:60ch;font-size:var(--f4)}
.autor{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center} .autor img{width:160px;height:160px;object-fit:cover;filter:grayscale(1);border-radius:999px}
@media(max-width:900px){.entregas{grid-template-columns:1fr 1fr}.duas-listas,.planos{grid-template-columns:1fr}.numeros.q4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.entregas{grid-template-columns:1fr}.numeros.q4{grid-template-columns:1fr}.autor{grid-template-columns:1fr}.passos li{padding-left:54px}}

/* RIGHT — form */
.contact-form{display: flex; flex-direction: column; gap: 0;}
.form-group{display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px;}
.form-label{font-family: var(--ff-hd); font-size:var(--f6); font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase; color: rgba(25,25,23,.38);}
.form-input,
.form-select,
.form-textarea{font-family: var(--ff-b); font-size:var(--f4); font-weight: 400;
  color: var(--ink); background: transparent;
  border: none; border-bottom: 1.5px solid rgba(25,25,23,.2);
  padding: 14px 0; outline: none; width: 100%;
  transition: border-color .2s;
  appearance: none; -webkit-appearance: none;}
.form-input::placeholder,
.form-textarea::placeholder{color: rgba(25,25,23,.28);}
.form-input:focus,
.form-select:focus,
.form-textarea:focus{border-color: var(--ink);}
.form-select{background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23191917' stroke-opacity='.4' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 4px center;
  cursor: pointer;}
.form-select option{background: var(--bg); color: var(--ink);}
.form-textarea{resize: vertical; min-height: 120px; line-height: 1.65;}
.form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.form-submit{margin-top: 12px;
  font-family: var(--ff-hd); font-size:var(--f6); font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink); background: var(--neon);
  border: none; padding: 18px 44px;
  cursor: pointer; display: inline-flex; align-items: center; gap: 10px;
  transition: opacity .2s, transform .15s;
  align-self: flex-start;}
.form-submit:hover{opacity: .88;}
.form-submit:active{transform: scale(.98);}
.form-row{grid-template-columns: 1fr;}
@media (max-width: 480px) {.form-row{grid-template-columns: 1fr;}}
/* Form step styles */
.sq-step{display: none;}
.sq-step.active{display: block;}
.sq-q{font-family: var(--ff-b); font-size:var(--f3); font-weight: 400; color: var(--ink); margin: 0 0 24px;}
.sq-input{font-family: var(--ff-b); font-size:var(--f4); font-weight: 300; width: 100%;
  background: transparent; border: none; border-bottom: 1.5px solid rgba(25,25,23,.2);
  color: var(--ink); padding: 10px 0 12px; outline: none; transition: border-color .2s; box-sizing: border-box;}
.sq-input:focus{border-bottom-color: var(--ink);}
.sq-textarea{resize: none; height: 96px; line-height: 1.6; padding-top: 14px;}
.sq-input.sq-error, .sq-textarea.sq-error{border-color: #ff4444; outline: none; box-shadow: 0 0 0 2px rgba(255,68,68,.2);}
.sq-at-wrap{display: flex; align-items: center; border-bottom: 1.5px solid rgba(25,25,23,.2); margin-bottom: 0; transition: border-color .2s;}
.sq-at-wrap:focus-within{border-bottom-color: var(--ink);}
.sq-at-prefix{font-family: var(--ff-b); font-size:var(--f3); color: var(--mid); padding-right: 4px;}
.sq-input-at{border: none; flex: 1;}
.sq-next, .sq-submit{font-family: var(--ff-b); font-size:var(--f6); font-weight: 400;
  letter-spacing: .08em; text-transform: uppercase;
  background: var(--ink); color: var(--bg); border: none;
  padding: 12px 28px; border-radius: 100px; cursor: pointer;
  margin-top: 28px; transition: opacity .2s;}
.sq-next:hover, .sq-submit:hover{opacity: .75;}
.sq-progress{display: flex; align-items: center; gap: 14px; margin-top: 36px;}
.sq-prog-bar{flex: 1; height: 1px; background: rgba(25,25,23,.12); display: block;}
.sq-prog-fill{display: block; height: 100%; background: var(--ink); transition: width .4s ease; width: 14.3%;}
.sq-prog-txt{font-family: var(--ff-b); font-size:var(--f6); color: var(--mid); letter-spacing: .08em;}
.sq-success{text-align: center; padding: 40px 0;}
.sq-success-icon{font-size:var(--f2); color: var(--ink); margin: 0 0 20px;}
.sq-success-title{font-family: var(--ff-dis); font-size:var(--f2); line-height: 1.3; color: var(--ink); margin: 0 0 12px;}
.sq-success-sub{font-family: var(--ff-b); font-size:var(--f4); font-weight: 300; color: var(--mid);}
/* Form step styles */
.sq-step{display: none;}
.sq-step.active{display: block;}
.sq-q{font-family: var(--ff-b); font-size:var(--f3); font-weight: 400; color: var(--ink); margin: 0 0 24px;}
.sq-input{font-family: var(--ff-b); font-size:var(--f4); font-weight: 300; width: 100%;
  background: transparent; border: none; border-bottom: 1.5px solid rgba(25,25,23,.2);
  color: var(--ink); padding: 10px 0 12px; outline: none; transition: border-color .2s; box-sizing: border-box;}
.sq-input:focus{border-bottom-color: var(--ink);}
.sq-textarea{resize: none; height: 96px; line-height: 1.6; padding-top: 14px;}
.sq-input.sq-error, .sq-textarea.sq-error{border-color: #ff4444; outline: none; box-shadow: 0 0 0 2px rgba(255,68,68,.2);}
.sq-next, .sq-submit{font-family: var(--ff-b); font-size:var(--f6); font-weight: 400;
  letter-spacing: .08em; text-transform: uppercase;
  background: var(--ink); color: var(--bg); border: none;
  padding: 12px 28px; border-radius: 100px; cursor: pointer;
  margin-top: 28px; transition: opacity .2s;}
.sq-next:hover, .sq-submit:hover{opacity: .75;}
.sq-opts{display: flex; flex-wrap: wrap; gap: 8px;}
.sq-opt{font-family: var(--ff-b); font-size:var(--f6); font-weight: 400;
  letter-spacing: .04em; text-transform: uppercase; color: var(--mid);
  background: transparent; border: 1px solid rgba(25,25,23,.15); border-radius: 2px;
  padding: 10px 16px; cursor: pointer; transition: all .2s;}
.sq-opt:hover, .sq-opt.selected{background: var(--ink); color: var(--neon); border-color: var(--ink);}
.sq-progress{display: flex; align-items: center; gap: 14px; margin-top: 36px;}
.sq-prog-bar{flex: 1; height: 1px; background: rgba(25,25,23,.12); display: block;}
.sq-prog-fill{display: block; height: 100%; background: var(--ink); transition: width .4s ease; width: 16.7%;}
.sq-prog-txt{font-family: var(--ff-b); font-size:var(--f6); color: var(--mid); letter-spacing: .08em;}
.sq-success{text-align: center; padding: 40px 0;}
.sq-success-icon{font-size:var(--f2); color: var(--ink); margin: 0 0 20px;}
.sq-success-title{font-family: var(--ff-dis); font-size:var(--f2); line-height: 1.3; color: var(--ink); margin: 0 0 12px;}
.sq-success-sub{font-family: var(--ff-b); font-size:var(--f4); font-weight: 300; color: var(--mid);}
.form-label,.sq-prog-txt{text-transform:none;letter-spacing:0;color:var(--mid)} .sq-next,.sq-submit,.form-submit{text-transform:uppercase;letter-spacing:.02em;font-weight:600}