*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#0b0c0e;color:#f3f2ee;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9daaef;outline-offset:5px}button{color:inherit}p{font-size:16px;line-height:1.7;color:var(--muted,#92949c)}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(42px,5.5vw,78px);line-height:1.1;letter-spacing:-3.8px}h2{font-family:'Manrope',sans-serif;font-size:clamp(34px,4.4vw,58px);font-weight:500;letter-spacing:-2.4px;line-height:1.13}h3{font-size:24px;font-weight:500}.cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;background:var(--button,#ecece9);color:var(--button-text,#191b20);padding:16px 22px;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,filter .2s}.cta:hover{transform:translateY(-2px);filter:brightness(.94)}.cta span{font-size:19px;font-weight:400}dialog{color:#25272a;background:#fafaf8;width:calc(100% - 36px);max-width:520px;border:none;border-radius:14px;padding:40px}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px}@media(max-width:700px){h1{font-size:46px;letter-spacing:-2.7px}h2{letter-spacing:-1.8px}.cta{padding:14px 18px}dialog{padding:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.workspace{color:#303443;background:#fff;border:1px solid #e2e5ed;border-radius:12px;overflow:hidden;box-shadow:0 15px 60px #1423520b;text-align:left;font-family:'DM Sans',sans-serif;max-width:1100px;width:100%;margin:30px auto 0;font-size:13px}.workspace-panel{padding:25px;flex:1;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.panel-heading small{font-size:8px;letter-spacing:1.2px;color:#a3a6b1}.panel-heading h3{font-size:17px;font-family:'DM Sans',sans-serif;letter-spacing:-.3px;margin:6px 0 0;color:#363b4b}.demo-edit{display:grid;gap:12px}.demo-edit label{display:grid;gap:6px;font-size:11px;color:#7c8391}.demo-edit input{width:100%;min-width:0;border:1px solid #e0e4ec;border-radius:5px;background:#fff;padding:10px;font:inherit;font-size:12px;color:#414858}.workspace-button{background:#6576c9;color:#fff;border:0;border-radius:5px;padding:11px 13px;font-size:11px;line-height:1.5}.workspace-button:disabled{background:#e5eddf;color:#5c7650;cursor:default}.edit-demo{display:grid;grid-template-columns:1fr 1fr;gap:23px}.edit-feedback{font-size:9px;color:#919d8d}.edit-preview{background:linear-gradient(#14221866,#14221899);min-height:220px;border-radius:6px;padding:25px 20px;display:flex;flex-direction:column;justify-content:space-between;color:white}.edit-preview>b{font-size:9px;letter-spacing:3px}.edit-preview h4{font-family:'DM Serif Display',serif;font-size:29px;line-height:1.05;font-weight:400;margin:20px 0;overflow-wrap:anywhere}.edit-preview>span{font-size:9px}
@media(max-width:950px){.workspace-panel{padding:22px 18px}.panel-heading h3{font-size:15px}}
@media(max-width:700px){.workspace{margin-top:25px;border-radius:8px}.workspace-panel{padding:20px 14px}.panel-heading{align-items:flex-start;gap:8px;margin-bottom:20px}.panel-heading h3{font-size:15px;line-height:1.2}.panel-heading small{font-size:7px;letter-spacing:.7px}.edit-demo{gap:14px}.edit-preview{min-height:200px;padding:20px 13px}.edit-preview h4{font-size:25px}.edit-preview>span{font-size:8px}}
.avara-site{--muted:#9b9da5;background:#0b0c0e;color:#eeeef0;--button:#eeeef0;--button-text:#15171b;scroll-padding-top:100px}.q-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;min-height:88px;padding:0 5%;background:#0b0c0eea;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(18px)}.q-brand{font-family:'Manrope',sans-serif;font-size:22px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.q-brand>span{color:#8c91a2}.q-header-cta{padding:12px 16px;font-size:12px;gap:18px}.quiet-revised h1,.quiet-revised h2{font-family:'Manrope',sans-serif;font-weight:500}.q-hero{text-align:center;padding:73px 6% 0;background:radial-gradient(ellipse at 50% 90%,#20263466,transparent 60%);overflow:hidden}.q-hero h1{font-size:clamp(52px,5.9vw,88px);line-height:1.09;letter-spacing:-4.2px;margin:0 0 24px}.q-hero h1 em{font-style:normal;color:#888d9a}.q-hero-copy>p{font-size:17px;line-height:1.75;color:#a1a4af;margin-bottom:27px}.q-hero-actions{display:flex;justify-content:center;align-items:center;gap:32px}.q-hero-actions .cta{font-size:14px;padding:17px 23px}.q-hero-actions>a{font-size:14px;color:#b8bcc6;display:flex;gap:20px;align-items:center}.q-client{min-height:410px;padding:32px 40px;background:linear-gradient(90deg,#101716ac,#13181f12);color:#faf6e9;display:flex;flex-direction:column;justify-content:space-between}.q-client-nav{display:flex;justify-content:space-between;align-items:center;gap:15px}.q-client-nav b{font-size:17px;letter-spacing:2px;font-weight:500;display:block}.q-client-nav small{font-size:8px;display:block;letter-spacing:.8px;color:#d2d6c9;margin-top:5px}.q-client-nav>span{font-size:10px;color:#d9dfd3}.q-client-copy{padding:50px 0 24px}.q-client-copy h3{font-family:'DM Serif Display',serif;font-size:49px;line-height:1.04;font-weight:400;letter-spacing:-1.4px;margin:0 0 16px}.q-client-copy p{font-size:11px;color:#c9d1c3;margin-bottom:22px}.q-client-copy>span{display:inline-block;background:#e6ebdf;color:#2e3b31;padding:11px 16px;font-size:10px;border-radius:2px}.q-section{padding:100px 8%;max-width:1600px;margin:auto;scroll-margin-top:80px}.q-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.q-section-heading h2{font-size:clamp(36px,4vw,58px);letter-spacing:-2.4px;line-height:1.15;margin:0}.q-section-heading>p{font-size:15px;line-height:1.7;max-width:350px;margin:0;color:#949ba9}.q-section-heading>.cta{flex-shrink:0;margin-bottom:5px}.q-example-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.q-industries{display:flex;gap:23px;overflow-x:auto}.q-industries button{white-space:nowrap;border:none;background:none;padding:13px 0;color:#787f8c;font-size:13px;border-bottom:1px solid transparent}.q-industries button.selected{border-color:#d0d4de;color:#e1e5ec}.q-era{flex-shrink:0;display:flex;background:#171a20;border:1px solid #ffffff0e;border-radius:6px;padding:3px}.q-era button{border:0;background:none;color:#6f798c;font-size:12px;padding:8px 15px;border-radius:4px}.q-era .selected{background:#303540;color:#e6e9f0}.q-example-window{overflow:hidden;border:1px solid #ffffff20;border-radius:8px}.q-example-window .q-client{min-height:460px;padding:35px 45px}.q-example-window .q-client-copy h3{font-size:56px}.q-old-site{min-height:460px;padding:40px 18%;background:#ddd;color:#2a3051;text-align:center;font-family:Arial,sans-serif}.q-old-site h3{font-family:Arial,sans-serif;font-size:26px;color:#344a8e;text-decoration:underline;font-weight:700;margin:0 0 20px}.q-old-site>div:first-of-type{font-size:11px;background:#bcc1cd;padding:12px}.q-old-site h4{font-size:23px;margin:30px 0 12px}.q-old-site p{font-size:13px;color:#5b6071;line-height:1.5}.q-old-site>div:last-of-type{height:115px;background-position:center;background-size:cover;filter:grayscale(1)}.q-old-site>span{display:block;font-size:10px;margin-top:20px}.q-process{border-top:1px solid #ffffff12}.q-tools{background:#101216;max-width:none}.q-tools .q-section-heading,.q-tools .workspace{max-width:1210px;margin-inline:auto}.q-tools .workspace{background:#14171c;border-color:#303640;color:#d2d8e5;box-shadow:0 15px 65px #0003;margin-top:0}.avara-site .workspace-panel{padding:30px}.avara-site .panel-heading small{display:none}.avara-site .panel-heading h3{font-size:22px;letter-spacing:-.6px;color:#dbe1ee}.avara-site .demo-edit label{font-size:13px;color:#a1aabd}.avara-site .demo-edit input{font-size:14px;padding:13px;background:#191e26;border-color:#343c4b;color:#d7deec}.avara-site .workspace-button{font-size:13px;padding:13px;background:#d9e0ed;color:#242c3b}.avara-site .workspace-button:disabled{background:#344331;color:#d1dfc6}.avara-site .edit-feedback{font-size:11px}.q-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.q-faq>h2{font-size:48px;letter-spacing:-2px}.q-questions details{border-top:1px solid #2d323d}.q-questions details:last-child{border-bottom:1px solid #2d323d}.q-questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;color:#c7cdd9;font-size:16px}.q-questions summary::-webkit-details-marker{display:none}.q-questions summary>span{font-size:21px;color:#747e91;flex-shrink:0;font-weight:400}.q-questions details[open] summary>span{transform:rotate(45deg)}.q-questions p{font-size:14px;line-height:1.8;color:#8d98aa;margin:0 30px 24px 0}.q-final{text-align:center;padding:105px 6%;border-top:1px solid #ffffff13;background:radial-gradient(ellipse at center,#22273450,transparent 70%)}.q-final h2{font-size:64px;line-height:1.1;letter-spacing:-3px;margin-bottom:32px}.q-final .cta{font-size:14px}.q-final>p{font-size:12px;color:#8b93a3;margin:20px 0 0}.q-footer{padding:35px 5%;border-top:1px solid #ffffff12;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px}.q-footer>div{display:flex;gap:25px;font-size:12px;color:#8c96a8}.q-footer>small{width:100%;font-size:11px;color:#606d82}.q-dialog{background:#161a21;color:#e5eaf2;padding:40px;max-width:520px}.q-dialog .close-dialog{color:#959fb0}.q-redesign-form{display:grid;gap:16px}.q-redesign-form h2,.q-request-success h2{font-size:39px;letter-spacing:-1.5px;line-height:1.12;margin:0}.q-redesign-form>p,.q-request-success p{font-size:14px;line-height:1.7;color:#939fb4;margin:0 0 4px}.q-redesign-form label{display:grid;gap:7px;font-size:13px;color:#b3bdce}.q-redesign-form input,.q-redesign-form textarea{font:inherit;font-size:14px;width:100%;background:#1f2631;border:1px solid #364257;border-radius:5px;color:#d8e1f2;padding:12px;resize:vertical}.q-redesign-form input::placeholder,.q-redesign-form textarea::placeholder{color:#65758f}.q-redesign-form small{font-size:11px;color:#7d8ba3}.q-request-success{display:grid;gap:23px}
@media(max-width:1100px){.q-header{gap:20px;padding-inline:4%}.q-brand{font-size:20px}.q-header-cta{font-size:11px;padding:11px 13px;gap:12px}.q-hero h1{font-size:66px}.q-section{padding:85px 6%}.q-section-heading>p{max-width:300px;font-size:14px}.q-faq{gap:45px}.q-section-heading h2{font-size:43px}.q-faq>h2{font-size:42px}}
@media(max-width:800px){.q-header{min-height:73px;padding:0 6%;gap:14px}.q-brand{font-size:20px;margin-right:auto}.q-header-cta{font-size:11px;padding:11px 13px;gap:10px}.q-hero{padding:47px 6% 0}.q-hero h1{font-size:52px;letter-spacing:-2.8px;line-height:1.1}.q-hero-copy>p{font-size:15px}.q-hero-actions{gap:23px}.q-hero-actions .cta{font-size:12px;padding:15px 19px}.q-hero-actions>a{font-size:12px;gap:12px}.q-client{min-height:360px;padding:25px}.q-client-nav b{font-size:14px;letter-spacing:1.5px}.q-client-nav>span{font-size:8px}.q-client-copy h3{font-size:41px}.q-section{padding:67px 7%;scroll-margin-top:65px}.q-section-heading{display:block;margin-bottom:30px}.q-section-heading h2{font-size:41px;letter-spacing:-2px}.q-section-heading>p{margin-top:23px;max-width:450px;font-size:14px}.q-section-heading>.cta{margin-top:25px}.q-example-controls{align-items:stretch;flex-wrap:wrap;gap:15px}.q-industries{width:100%;gap:20px}.q-industries button{font-size:11px;padding:10px 0}.q-era{margin-left:auto}.q-era button{font-size:10px;padding:7px 12px}.q-example-window .q-client{min-height:370px;padding:25px}.q-example-window .q-client-copy h3{font-size:43px}.q-old-site{min-height:370px;padding:30px 10%}.q-old-site h3{font-size:22px}.q-old-site h4{font-size:20px}.q-old-site p{font-size:12px}.q-old-site>div:first-of-type{font-size:8px}.q-old-site>div:last-of-type{height:75px}.q-faq{display:block}.q-faq>h2{font-size:41px;margin-bottom:35px}.q-questions summary{font-size:15px;padding:22px 0}.q-questions p{font-size:14px}.q-final{padding:75px 7%}.q-final h2{font-size:50px;letter-spacing:-2px}.q-footer{padding:30px 7%}.q-footer>div{gap:18px;font-size:11px}.q-footer>small{font-size:10px}.avara-site .workspace-panel{padding:25px 18px}.avara-site .panel-heading h3{font-size:20px}}
@media(max-width:600px){.q-header{padding:0 5%;gap:10px}.q-header-cta{padding:10px 11px;font-size:10px}.q-header-cta>span{font-size:14px}.q-brand{font-size:19px}.q-hero h1{font-size:43px;letter-spacing:-2.3px}.q-hero-copy>p{font-size:14px;max-width:330px;margin:22px auto}.q-hero-actions{gap:19px}.q-hero-actions .cta{font-size:11px;gap:15px;padding:14px 15px}.q-hero-actions>a{font-size:11px;gap:10px}.q-client{min-height:330px;padding:22px}.q-client-nav>span{display:none}.q-client-nav small{font-size:7px}.q-client-copy{padding-top:50px;padding-bottom:40px}.q-client-copy h3{font-size:34px;letter-spacing:-.8px}.q-client-copy p{font-size:10px;max-width:210px;line-height:1.6}.q-client-copy>span{font-size:9px;padding:10px 12px}.q-section-heading h2,.q-faq>h2{font-size:35px;letter-spacing:-1.6px}.q-section-heading>p{font-size:14px}.q-example-window .q-client{min-height:340px;padding:23px}.q-example-window .q-client-copy{padding-bottom:20px}.q-example-window .q-client-copy h3{font-size:37px}.q-example-window .q-client-copy p{max-width:230px}.q-industries{gap:16px}.q-industries button{font-size:10px}.avara-site .workspace-panel{padding:24px 15px}.avara-site .panel-heading h3{font-size:19px}.avara-site .demo-edit label{font-size:12px}.avara-site .demo-edit input{font-size:13px;padding:11px}.avara-site .workspace-button{font-size:12px}.q-final h2{font-size:43px}.q-footer>div{flex-wrap:wrap;gap:14px 20px}.q-dialog{padding:35px 25px}.q-redesign-form h2,.q-request-success h2{font-size:34px}.q-redesign-form input,.q-redesign-form textarea{font-size:16px}.q-old-site>div:first-of-type{font-size:7px}.q-old-site{padding:30px 8%}.q-example-window .q-old-site{min-height:340px}}
.avara-site{--q-header-height:88px}
.q-header{height:var(--q-header-height);min-height:var(--q-header-height);justify-content:space-between}
.q-hero{height:calc(100vh - var(--q-header-height));height:calc(100svh - var(--q-header-height));min-height:420px;padding:0 6%;display:grid;grid-template-rows:2fr 1fr;align-items:center;overflow:visible}
.q-hero-copy{padding:24px 0}
.q-hero-copy>p{margin-bottom:0}
.q-hero-actions{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:800px){.avara-site{--q-header-height:73px}}
@media(max-width:600px){.q-hero h1{font-size:clamp(34px,10.8vw,43px)}.q-hero-copy>p{margin-bottom:0}.q-hero-actions{flex-wrap:wrap;gap:18px}.q-hero-actions .cta,.q-hero-actions>a{min-height:44px}}
@media(max-height:540px) and (min-width:600px){.avara-site{--q-header-height:64px}.q-hero{min-height:0}.q-hero-copy{padding:12px 0}.q-hero h1{font-size:clamp(30px,8svh,43px);letter-spacing:-1.5px;margin-bottom:12px}.q-hero-copy>p{font-size:12px;line-height:1.5}.q-hero-actions .cta{padding:12px 20px}}
.avara-site {
  --q-space-xs: 8px;
  --q-space-sm: 13px;
  --q-space-md: 21px;
  --q-space-lg: 34px;
  --q-space-xl: 55px;
  --q-space-2xl: 89px;
  --q-space-3xl: 144px;
  --q-gutter: clamp(21px, 5.5vw, 89px);
  --q-content: 1120px;
  --q-edge: max(var(--q-gutter), calc((100% - var(--q-content)) / 2));
  --q-section-space: clamp(89px, 10vw, 144px);
  --q-header-height: 89px;
}
.avara-site .q-header { padding-inline: var(--q-edge); gap: var(--q-space-md); }
.avara-site .q-header-cta { min-height: 44px; padding: 13px 21px; gap: 21px; }
.avara-site .q-hero {
  height: auto;
  min-height: calc(100svh - var(--q-header-height));
  padding: var(--q-space-2xl) var(--q-edge);
  grid-template-rows: auto auto;
  align-content: center;
  gap: var(--q-space-xl);
}
.avara-site .q-hero-copy { padding: 0; width: 100%; max-width: 960px; margin-inline: auto; }
.avara-site .q-hero h1 { margin-bottom: var(--q-space-lg); }
.avara-site .q-hero-copy > p { max-width: 55ch; margin: 0 auto; line-height: 1.618; }
.avara-site .q-hero-actions { flex-wrap: wrap; gap: var(--q-space-lg); }
.avara-site .q-hero-actions .cta { min-height: 55px; padding: 17px 34px; }
.avara-site .q-hero-actions > a { min-height: 44px; gap: var(--q-space-sm); }
.avara-site .q-section {
  max-width: none;
  margin: 0;
  padding: var(--q-section-space) var(--q-edge);
  scroll-margin-top: calc(var(--q-header-height) + var(--q-space-md));
}
.avara-site .q-section-heading {
  gap: var(--q-space-xl);
  margin-bottom: var(--q-space-xl);
}
.avara-site .q-section-heading > h2 { flex: 1.618; min-width: 0; }
.avara-site .q-section-heading > p { flex: 1; max-width: 38ch; margin: 0; }
.avara-site .q-section-heading > .cta { margin-bottom: 0; min-height: 55px; }
.avara-site .q-example-controls { gap: 21px 34px; margin-bottom: var(--q-space-md); }
.avara-site .q-industries { gap: var(--q-space-lg); }
.avara-site .q-industries button { min-height: 44px; padding-block: 13px; }
.avara-site .q-era button { min-height: 44px; padding: 13px 21px; }
.avara-site .q-client,
.avara-site .q-example-window .q-client { padding: clamp(21px, 4vw, 55px); }
.avara-site .q-client-copy { padding: 55px 0 21px; }
.avara-site .q-client-copy h3 { margin-bottom: var(--q-space-md); }
.avara-site .q-client-copy p { margin-bottom: var(--q-space-lg); }
.avara-site .q-tools .q-section-heading,
.avara-site .q-tools .workspace { max-width: var(--q-content); }
.avara-site .workspace-panel { padding: var(--q-space-lg); }
.avara-site .panel-heading { gap: var(--q-space-md); margin-bottom: var(--q-space-lg); }
.avara-site .panel-heading h3 { margin-top: 0; }
.avara-site .demo-edit { gap: var(--q-space-md); }
.avara-site .demo-edit label { gap: var(--q-space-xs); }
.avara-site .demo-edit input,
.avara-site .workspace-button { min-height: 44px; }
.avara-site .q-faq { grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr); gap: var(--q-space-xl); }
.avara-site .q-faq > h2 { margin: 0; line-height: 1.15; }
.avara-site .q-questions summary { gap: var(--q-space-md); padding-block: var(--q-space-md); min-height: 76px; }
.avara-site .q-questions p { margin: 0 34px 34px 0; max-width: 60ch; }
.avara-site .q-final { padding: var(--q-section-space) var(--q-edge); }
.avara-site .q-final h2 { margin-bottom: var(--q-space-lg); }
.avara-site .q-final .cta { min-height: 55px; padding-inline: var(--q-space-lg); }
.avara-site .q-footer { padding: 34px var(--q-edge); gap: var(--q-space-md); }
.avara-site .q-dialog { padding: var(--q-space-lg); }
.avara-site .q-redesign-form { gap: var(--q-space-md); }
.avara-site .q-redesign-form label { gap: var(--q-space-xs); }
.avara-site .q-redesign-form input,
.avara-site .q-redesign-form textarea { min-height: 44px; padding: 13px; }
.avara-site .q-dialog .cta { min-height: 55px; }
.avara-site .q-request-success { gap: var(--q-space-md); }

@media (max-width: 800px) {
  .avara-site { --q-header-height: 76px; --q-section-space: 89px; }
  .avara-site .q-hero { padding-block: 55px; gap: 34px; }
  .avara-site .q-hero h1 { margin-bottom: 21px; }
  .avara-site .q-section-heading { margin-bottom: 34px; }
  .avara-site .q-section-heading > p { margin-top: 21px; max-width: 45ch; }
  .avara-site .q-section-heading > .cta { margin-top: 21px; }
  .avara-site .q-faq > h2 { margin-bottom: 34px; }
  .avara-site .workspace-panel { padding: 21px; }
}
@media (max-width: 600px) {
  .avara-site { --q-section-space: 89px; }
  .avara-site .q-header { gap: 13px; }
  .avara-site .q-header-cta { padding-inline: 13px; gap: 13px; }
  .avara-site .q-hero-actions { gap: 13px 21px; }
  .avara-site .q-hero-actions .cta { padding: 17px 21px; }
  .avara-site .q-client-copy { padding: 55px 0 21px; }
  .avara-site .q-example-window .q-client-copy { padding-bottom: 21px; }
  .avara-site .q-example-controls { gap: 13px; }
  .avara-site .q-industries { flex-wrap: wrap; gap: 8px 21px; }
  .avara-site .q-era button { padding-inline: 21px; }
  .avara-site .panel-heading { gap: 13px; margin-bottom: 21px; }
  .avara-site .q-questions p { margin-right: 21px; margin-bottom: 21px; }
  .avara-site .q-dialog { padding: 34px 21px; }
}
@media (max-height: 540px) and (min-width: 600px) {
  .avara-site { --q-header-height: 64px; }
  .avara-site .q-hero { padding-block: 34px; gap: 21px; }
  .avara-site .q-hero h1 { margin-bottom: 13px; }
}
.avara-site .q-example-controls { flex-wrap: wrap; align-items: center; }
.avara-site .q-industries { display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 8px 21px; overflow: visible; }
.avara-site .q-industries button { font-size: 13px; padding: 13px 4px; }
.avara-site .q-era { margin-left: auto; }
.avara-site .q-example-window .q-client { background-image: linear-gradient(90deg, var(--q-photo-shade, #101716d9), #10171666), var(--q-client-image); }
.avara-site .q-client-painting { --q-photo-shade: #182d38ed; }
.avara-site .q-client-remodeling { --q-photo-shade: #312a22ed; }
.avara-site .q-client-plumbing { --q-photo-shade: #102842ed; background-position: center, 70% 60%; }
.avara-site .q-client-cleaning { --q-photo-shade: #133d3deb; background-position: center, 30% 65%; }
.avara-site .q-client-salons { --q-photo-shade: #35222bec; }
.avara-site .q-client-realestate { --q-photo-shade: #18252deb; background-position: center, 50% 45%; }
.avara-site .q-client-photography { --q-photo-shade: #24231be6; background-position: center, 55% 55%; }
.avara-site :is(.q-client-painting,.q-client-plumbing,.q-client-cleaning) .q-client-copy h3 { font-family: 'Manrope', sans-serif; font-weight: 600; }
.avara-site .q-example-window .q-client-copy p { max-width: 46ch; line-height: 1.618; }
.avara-site .q-client-painting .q-client-copy > span { background: #e4edf1; color: #213747; }
.avara-site .q-client-plumbing .q-client-copy > span { background: #dbeaff; color: #163250; }
.avara-site .q-client-cleaning .q-client-copy > span { background: #d9f0e8; color: #1e4940; }
.avara-site .q-client-salons .q-client-copy > span { background: #f0e1e5; color: #4d303c; }
@media (max-width: 600px) {
  .avara-site .q-industries { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 13px; }
  .avara-site .q-industries button { text-align: left; white-space: normal; }
  .avara-site .q-example-window .q-client { min-height: 390px; }
}
.avara-site .q-money { background: #101216; border-block: 1px solid #ffffff0d; }
.avara-site .q-customers { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: var(--q-space-xl); }
.avara-site .q-benefit-copy h2 { font-size: clamp(35px, 4vw, 58px); line-height: 1.15; letter-spacing: -2.4px; margin: 0 0 34px; }
.avara-site .q-benefit-copy > p { max-width: 40ch; font-size: 16px; line-height: 1.618; color: #949ba9; margin: 0; }
.avara-site .q-enquiry-demo { min-width: 0; margin: 0; color: #d2d8e5; }
.avara-site .q-work { border-top: 1px solid #ffffff12; }
.avara-site .q-tools .q-simple-heading { display: block; }
.avara-site .q-simple-heading h2 { max-width: 29ch; font-size: clamp(35px, 4vw, 58px); text-wrap: balance; }
.avara-site .q-simple-heading > p { max-width: 62ch; margin-top: 34px; font-size: 16px; line-height: 1.618; }
.avara-site .q-goodbye { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr); gap: var(--q-space-xl); align-items: start; }
.avara-site .q-goodbye h2 { margin: 0; font-size: clamp(35px, 4vw, 58px); }
.avara-site .q-goodbye ul { list-style: none; padding: 0; margin: 0; }
.avara-site .q-goodbye li { display: grid; grid-template-columns: 21px minmax(0, 1fr); gap: 21px; padding: 21px 0; border-top: 1px solid #2d323d; align-items: baseline; }
.avara-site .q-goodbye li:last-child { border-bottom: 1px solid #2d323d; }
.avara-site .q-goodbye li > span:first-child { color: #758094; font-size: 12px; font-variant-numeric: tabular-nums; }
.avara-site .q-goodbye li > span:last-child { font-size: clamp(18px, 1.7vw, 24px); line-height: 1.5; color: #a1aab9; text-decoration: line-through; text-decoration-color: #5b6372; text-decoration-thickness: 1px; }
@media (max-width: 1000px) {
  .avara-site .q-customers { grid-template-columns: minmax(0, 1fr); }
  .avara-site .q-benefit-copy > p { max-width: 60ch; }
}
@media (max-width: 800px) {
  .avara-site .q-goodbye { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .avara-site .q-simple-heading > p { margin-top: 21px; }
  .avara-site .q-benefit-copy h2 { letter-spacing: -1.6px; margin-bottom: 21px; }
}
@media (max-width: 600px) {
  .avara-site .q-customers { gap: 34px; }
  .avara-site .q-simple-heading h2 { font-size: 35px; letter-spacing: -1.6px; }
}
.avara-site .q-trust { background: #101216; border-block: 1px solid #ffffff0d; }
.avara-site .q-trust .q-section-heading { margin-bottom: 0; }
.avara-site .q-trust { position: relative; isolation: isolate; overflow: hidden; min-height: 600px; display: grid; align-items: center; }
.avara-site .q-trust::before { content: none; }
.avara-site .q-trust .q-section-heading { position: relative; z-index: 2; display: block; text-align: center; width: 100%; }
.avara-site .q-trust h2 { margin: 0 auto; max-width: 22ch; }
.avara-site .q-review-background { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 21px; opacity: .24; pointer-events: none; mask-image: radial-gradient(ellipse at center, transparent 8%, #0003 30%, #000 68%, transparent 100%); }
.avara-site .q-review-row { width: 100%; overflow: hidden; }
.avara-site .q-review-track { display: flex; width: max-content; animation: q-review-drift 70s linear infinite; animation-play-state: paused; }
.avara-site .q-review-track-1 { animation-duration: 90s; animation-delay: -37s; }
.avara-site .q-reviews-active .q-review-track { animation-play-state: running; will-change: transform; }
.avara-site .q-review-group { flex: 0 0 auto; display: flex; gap: 21px; width: max(100vw, 1440px); padding-right: 21px; }
.avara-site .q-review-card { flex: 1; min-width: 0; min-height: 176px; padding: 21px; border: 1px solid #8090a05c; border-radius: 10px; background: #20252e; }
.avara-site .q-review-card > span { font-size: 11px; letter-spacing: .4px; color: #b7c2d4; }
.avara-site .q-review-card p { margin: 13px 0; font-size: 17px; line-height: 1.5; color: #f1f3f7; }
.avara-site .q-review-card small { font-size: 11px; color: #b7c2d4; }
@keyframes q-review-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@media (max-width: 600px) {
  .avara-site .q-trust { min-height: 500px; }
  .avara-site .q-review-group { width: 1200px; }
  .avara-site .q-review-card { min-height: 176px; }
}
@media (prefers-reduced-motion: reduce) {
  .avara-site .q-trust .q-review-track { animation: none; transform: translate3d(-13%, 0, 0); will-change: auto; }
}

.avara-site { background: #000; }
.avara-site .q-header { background: #000e; border-color: #ffffff0c; }
.avara-site .q-footer { background: #000; }
.avara-site .quiet-revised { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; }
.avara-site .quiet-revised > section { position: relative; isolation: auto; overflow: visible; background: transparent; border-color: transparent; --horizon-a: 79 104 230; --horizon-b: 131 78 218; }
.avara-site .quiet-revised > section::after { content: ''; position: absolute; z-index: -1; pointer-events: none; width: var(--glow-width,min(1440px,132vw)); height: var(--glow-height,680px); left: var(--glow-x,50%); bottom: var(--glow-bottom,-260px); background: radial-gradient(ellipse 35% 32% at 38.2% 48%,rgb(var(--horizon-a) / .34),transparent 92%),radial-gradient(ellipse 29% 35% at 61.8% 56%,rgb(var(--horizon-b) / .24),transparent 92%); filter: blur(55px); opacity: .75; transform: translate3d(-50%,0,0); animation: q-horizon-drift var(--glow-duration,32s) ease-in-out infinite alternate; animation-delay: var(--glow-phase,0s); animation-play-state: paused; }
.avara-site .quiet-revised > .q-money { --horizon-a: 43 177 97; --horizon-b: 67 198 143; }
.avara-site .quiet-revised > .q-customers { --horizon-a: 32 146 193; --horizon-b: 54 168 185; }
.avara-site .quiet-revised > .q-trust { --horizon-a: 54 88 205; --horizon-b: 115 141 235; }
.avara-site .quiet-revised > .q-work { --horizon-a: 133 76 196; --horizon-b: 197 99 186; }
.avara-site .quiet-revised > .q-tools { --horizon-a: 94 60 213; --horizon-b: 151 70 190; }
.avara-site .quiet-revised > .q-goodbye { --horizon-a: 193 74 59; --horizon-b: 207 127 62; }
.avara-site .quiet-revised > .q-process { --horizon-a: 189 140 68; --horizon-b: 207 171 115; }
.avara-site .quiet-revised > .q-faq { --horizon-a: 40 147 139; --horizon-b: 52 117 172; }
.avara-site .quiet-revised > .q-final { --horizon-a: 176 76 149; --horizon-b: 127 84 210; }
@media (max-width:600px) {
 .avara-site .quiet-revised > section::after { width: 180%; height: 520px; bottom: var(--glow-mobile-bottom,-210px); left: var(--glow-mobile-x,50%); filter: blur(38px); }
}
@media (prefers-reduced-motion:reduce) {
 .avara-site .quiet-revised > section::after { animation: none; }
}

.avara-site .q-money .q-section-heading { display: block; text-align: center; }
.avara-site .q-money .q-section-heading h2 { margin-inline: auto; }
.avara-site .q-capture-bubbles { display: grid; gap: 13px; }
.avara-site .q-capture-bubbles label { display: grid; gap: 8px; color: #b3bdce; font-size: 14px; }
.avara-site .q-capture-bubble { width: 100%; min-width: 0; padding: 17px 21px; border: 1px solid #343c4b; border-radius: 14px; background: #191e26; color: #d7deec; font: inherit; font-size: 16px; line-height: 1.5; }
.avara-site textarea.q-capture-bubble { resize: vertical; min-height: 110px; }
.avara-site .q-capture-bubble::placeholder { color: #8e9ab0; }
.avara-site .q-capture-bubbles small { font-size: 14px; line-height: 1.5; color: #a1aab9; }
.avara-site .q-capture-bubbles .workspace-button { margin-top: 8px; border-radius: 14px; }
.avara-site .workspace-button:disabled { opacity: .65; cursor: wait; }
.avara-site .quiet-revised > .q-hero { --glow-x: 61.8%; --glow-bottom: -230px; --glow-phase: -9s; }
.avara-site .quiet-revised > .q-money { --glow-x: 38.2%; --glow-height: 760px; --glow-bottom: -220px; --glow-mobile-x: 38.2%; --glow-duration: 38s; }
.avara-site .quiet-revised > .q-customers { --glow-x: 24%; --glow-bottom: -270px; --glow-mobile-x: 30%; --glow-phase: -11s; }
.avara-site .quiet-revised > .q-trust { --glow-x: 65%; --glow-height: 800px; --glow-bottom: -380px; --glow-mobile-x: 65%; --glow-duration: 41s; }
.avara-site .quiet-revised > .q-work { --glow-x: 38.2%; --glow-bottom: -250px; --glow-phase: -20s; }
.avara-site .quiet-revised > .q-tools { --glow-x: 74%; --glow-bottom: -310px; --glow-mobile-x: 65%; --glow-duration: 37s; }
.avara-site .quiet-revised > .q-goodbye { --glow-x: 24%; --glow-bottom: -220px; --glow-mobile-x: 30%; --glow-phase: -14s; }
.avara-site .quiet-revised > .q-process { --glow-x: 61.8%; --glow-height: 720px; --glow-bottom: -320px; --glow-duration: 43s; }
.avara-site .quiet-revised > .q-faq { --glow-x: 30%; --glow-bottom: -250px; --glow-phase: -7s; }
.avara-site .quiet-revised > .q-final { --glow-x: 50%; --glow-bottom: -40px; --glow-mobile-bottom: -40px; --glow-phase: -18s; }
.avara-site .q-website-demo .edit-feedback:empty { display: none; }

@media (max-width:600px) {
 .avara-site .q-website-demo .edit-demo { grid-template-columns: minmax(0,1fr); gap: 21px; }
 .avara-site .q-website-demo .edit-preview { min-height: 250px; }
}
/* Local fonts keep rendering independent of third-party requests. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/dm-serif-display-latin.woff2') format('woff2')}
/* Soft gradients retain the original horizons without blurred, animated layers. */
.avara-site .quiet-revised>section::after{filter:none;animation:none;will-change:auto;background:radial-gradient(ellipse 48% 40% at 38% 48%,rgb(var(--horizon-a)/.17),transparent 85%),radial-gradient(ellipse 40% 42% at 62% 56%,rgb(var(--horizon-b)/.13),transparent 85%)}
.avara-site .q-header{backdrop-filter:none;background:#000}
.q-client{position:relative;isolation:isolate;background:none}
.avara-site .q-example-window .q-client{background:none}
.q-client::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--q-photo-shade,#101716d9),#10171666);z-index:-1}
.q-client-photo,.q-edit-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.edit-preview{position:relative;isolation:isolate;background:#18221a}
.edit-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#152017bb,#15201733);z-index:-1}
.q-old-photo{display:block;width:100%;height:115px;object-fit:cover;filter:grayscale(1)}
.example-disclaimer{font-size:14px;margin:21px 0 0;color:#a1aab9}


button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9daaef;outline-offset:4px}
.honeypot{position:absolute!important;width:1px;height:1px;padding:0!important;margin:0!important;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.form-status:empty{display:none}
.form-status{font-size:16px!important;line-height:1.5!important;color:#d9e0ed!important;margin:0!important}
.q-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
.avara-site .q-redesign-form input,.avara-site .q-redesign-form textarea,.avara-site .demo-edit input{font-size:16px}
.avara-site .q-industries button,.avara-site .q-era button,.avara-site .q-header-cta,.avara-site .workspace-button,.avara-site .demo-edit label{font-size:14px}
.avara-site .q-footer>small{font-size:14px;color:#a1aab9}
.no-script{padding:21px;text-align:center;color:#d2d8e5}
html:has(dialog[open]){overflow:hidden}
@media(max-width:380px){.q-header{flex-wrap:wrap;height:auto!important;padding-block:13px}.avara-site .q-header-cta{padding-inline:10px;font-size:12px}.q-brand{font-size:18px}.q-hero h1{letter-spacing:-1.6px}.q-client-nav b{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


/* Unframed industry examples, always presented in complete pairs. */
.q-portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}
.q-portfolio .showcase-card{position:relative;min-width:0;margin:0;transition:transform .6s cubic-bezier(.22,.7,.2,1)}.q-portfolio .screen{container-type:inline-size;position:relative;aspect-ratio:16/10;overflow:hidden;background:#16211c;color:#f4f1e7}.q-portfolio .site-body{position:absolute;inset:0;display:flex;flex-direction:column;isolation:isolate}.q-portfolio .site-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.q-portfolio .site-body::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#112019ce,#14292032)}.q-portfolio .site-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5% 7% 0;min-height:25px;font-size:clamp(6px,1.6cqw,10px);color:#f1f3e6;white-space:nowrap}.q-portfolio .site-nav>b{font-size:clamp(8px,2.5cqw,14px);font-weight:600;letter-spacing:.8px;white-space:normal}.q-portfolio .site-hero{padding:3.5% 7%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-height:0}.q-portfolio .site-kicker{font-size:clamp(7px,1.8cqw,11px);letter-spacing:.3px;opacity:.75;margin-bottom:8px}.q-portfolio .site-hero h3{font-family:'DM Serif Display',serif;font-size:clamp(16px,7.3cqw,46px);font-weight:400;line-height:1.05;letter-spacing:-.5px;margin:0 0 10px;max-width:18ch}.q-portfolio .site-hero p{display:none;font-size:clamp(8px,2.1cqw,13px);line-height:1.5;max-width:29ch;margin:0 0 12px;color:inherit;opacity:.75}.q-portfolio .site-cta{font-size:clamp(7px,1.7cqw,11px);display:inline-block;padding:7px 10px;border-radius:2px;background:#e7ecdf;color:#273b2c;white-space:nowrap}.q-portfolio .site-footer{padding:0 7% 5%;display:flex;justify-content:space-between;font-size:clamp(6px,1.4cqw,9px);opacity:.6}.q-portfolio .theme-home .site-body::before{background:linear-gradient(90deg,#14201aed,#0d261540)}.q-portfolio .theme-home .site-hero h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.8px;font-size:clamp(15px,6.7cqw,44px)}.q-portfolio .theme-remodeling{background:#e5e0d7;color:#333a30}.q-portfolio .theme-remodeling .site-photo{left:52%;width:48%;object-position:60% center}.q-portfolio .theme-remodeling .site-body::before{background:linear-gradient(90deg,#e5e0d7 51%,transparent 52%)}.q-portfolio .theme-remodeling .site-nav{color:#333a30}.q-portfolio .theme-remodeling .site-nav>span{display:none}.q-portfolio .theme-remodeling .site-hero{width:65%;padding-right:0}.q-portfolio .theme-remodeling .site-hero h3{font-size:clamp(14px,5.9cqw,40px);max-width:11ch}.q-portfolio .theme-remodeling .site-kicker{display:none}.q-portfolio .theme-remodeling .site-cta{background:#404b39;color:#f3f0e5}.q-portfolio .theme-plumbing .site-body::before{background:linear-gradient(90deg,#102a38ed,#10334680)}.q-portfolio .theme-plumbing .site-hero h3{font-family:Manrope,sans-serif;font-size:clamp(15px,6.8cqw,44px);font-weight:600}.q-portfolio .theme-plumbing .site-cta{background:#d5e4ea;color:#234250}.q-portfolio .theme-cleaning{background:#eae1dd;color:#47413c}.q-portfolio .theme-cleaning .site-photo{inset:auto 0 0 auto;width:52%;height:78%;object-position:70% center;border-radius:90px 0 0 0}.q-portfolio .theme-cleaning .site-body::before{background:linear-gradient(90deg,#eae1dd 28%,#eae1ddaa 48%,transparent 76%)}.q-portfolio .theme-cleaning .site-nav{color:#504740}.q-portfolio .theme-cleaning .site-cta{background:#8c685c;color:#fff5ec}.q-portfolio .theme-salons .site-body::before{background:linear-gradient(90deg,#2a1724e8,#301d3370)}.q-portfolio .theme-salons .site-hero h3{font-family:Manrope,sans-serif;font-size:clamp(15px,7cqw,44px);font-weight:500}.q-portfolio .theme-salons .site-cta{background:#e5c5c9;color:#4e303e}.q-portfolio .theme-realestate .site-body::before{background:linear-gradient(90deg,#292419e8,#23251d3a)}.q-portfolio .theme-realestate .site-cta{background:#e2d3b6;color:#473e2a}.q-portfolio .theme-photography .site-photo{object-position:67% center}.q-portfolio .theme-photography .site-body::before{background:linear-gradient(90deg,#201924d9,#3a243333)}.q-portfolio .theme-photography .site-cta{background:#e9dde5;color:#433044}
.q-portfolio .screen{aspect-ratio:2.25}.q-portfolio .site-nav{padding-top:3%}.q-portfolio .site-hero{padding:3.5% 7%}.q-portfolio .site-hero h3{font-size:clamp(22px,5.5cqw,40px)}
@container(max-width:480px){.q-portfolio .site-nav>span{display:none}}
@container(max-width:400px){.q-portfolio .site-kicker{font-size:8px;margin-bottom:5px}.q-portfolio .screen .site-hero h3{font-size:6.2cqw;max-width:18ch;margin-bottom:8px}.q-portfolio .site-cta{padding:6px 8px}}
@container(max-width:190px){.q-portfolio .site-kicker,.q-portfolio .site-cta{display:none}.q-portfolio .site-nav{min-height:20px}.q-portfolio .screen .site-hero h3{font-size:clamp(11px,8cqw,15px);line-height:1.08;letter-spacing:-.3px;margin-bottom:0}}
@media(max-width:700px){.q-portfolio{gap:28px 16px}.q-portfolio .screen{aspect-ratio:1.05}.q-portfolio .site-nav{padding-top:8%}.q-portfolio .site-nav>b{font-size:8px;letter-spacing:.5px}}

.avara-site .q-customers .q-benefit-copy h2{margin-bottom:0}
.q-portfolio .showcase-card figcaption{display:block;padding-top:14px;color:#9999a6;font:400 14px/1.5 'DM Sans',sans-serif;letter-spacing:0;text-align:left;overflow-wrap:anywhere}

/* Light translucent surfaces without a costly backdrop filter. */
.avara-site .q-enquiry-demo .q-capture-bubbles,.avara-site .q-website-demo .demo-edit{gap:18px}
.avara-site .q-enquiry-demo .q-capture-bubbles label,.avara-site .q-website-demo .demo-edit label{gap:9px;color:#a5adbd;letter-spacing:.01em}
.avara-site .q-enquiry-demo .q-capture-bubble,.avara-site .q-website-demo .demo-edit input{font-size:16px;line-height:1.5;padding:15px 19px;border:1px solid #b4c6e138;border-radius:10px;background:linear-gradient(135deg,#ffffff12,#7d96be0a);box-shadow:inset 0 1px 0 #ffffff04;color:#e7eaf1;transition:border-color .2s,background .2s}
.avara-site .q-enquiry-demo .q-capture-bubble::placeholder,.avara-site .q-website-demo .demo-edit input::placeholder{color:#929bac}
.avara-site .q-enquiry-demo textarea.q-capture-bubble{min-height:120px}
.avara-site .q-enquiry-demo .q-capture-bubble:focus-visible,.avara-site .q-website-demo .demo-edit input:focus-visible{outline:2px solid #a8bde380;outline-offset:3px;border-color:#b4c6e14d;background:linear-gradient(135deg,#ffffff12,#7d96be09)}
.avara-site .q-enquiry-demo .workspace-button{margin-top:4px;padding:15px 20px;border:1px solid #c5d7f530;border-radius:10px;background:linear-gradient(135deg,#e7effc21,#c1d5f612);box-shadow:inset 0 1px 0 #ffffff08;color:#e7edf6;font-weight:500;letter-spacing:.01em;transition:background .2s,border-color .2s}
.avara-site .q-enquiry-demo .workspace-button:hover{background:linear-gradient(135deg,#e7effc30,#c1d5f61f);border-color:#c5d7f54d}
.avara-site .q-enquiry-demo .workspace-button:disabled{opacity:.55;cursor:wait}

/* Standalone headings center; column headings follow their stacking breakpoint. */
.avara-site .q-section-heading:has(>h2:only-child){display:block;text-align:center}
.avara-site .q-section-heading>h2:only-child{margin-inline:auto}
.avara-site .q-hero h1,.avara-site .q-final h2,.avara-site .q-dialog h2{text-align:center}
.avara-site .panel-heading:has(>div:only-child){justify-content:center;text-align:center}
@media(max-width:1000px){.avara-site .q-customers>.q-benefit-copy{text-align:center}}
@media(max-width:800px){.avara-site .q-faq>h2{text-align:center}.avara-site .q-section-heading{text-align:center}}
@media(max-width:600px){.avara-site .q-website-demo .edit-headline{text-align:center}}

/* Benefits overview and the dedicated free-design offer. */
.avara-site .quiet-revised > .q-benefits{--horizon-a:60 114 183;--horizon-b:90 83 194;--glow-x:50%;--glow-bottom:-280px}
.q-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px;list-style:none;max-width:900px;margin:0 auto;padding:0}
.q-benefits-grid li{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:26px;min-width:0}
.q-benefits-grid h3{margin:2px 0 8px;font-family:Manrope,sans-serif;font-size:22px;line-height:1.35;letter-spacing:-.5px}
.q-benefits-grid p{margin:0;max-width:29ch;font-size:16px;line-height:1.7;color:#a5a6b1}
.q-benefit-revenue{--emblem:139 193 166}.q-benefit-customers{--emblem:141 181 219}.q-benefit-mobile{--emblem:181 159 217}.q-benefit-purchases{--emblem:215 186 139}.q-benefit-signups{--emblem:136 197 201}.q-benefit-professional{--emblem:209 155 180}
.q-benefit-emblem{position:relative;display:grid;place-items:center;width:76px;aspect-ratio:1;border:1px solid rgb(var(--emblem)/.16);border-radius:19px;color:rgb(var(--emblem));background:radial-gradient(ellipse at 26% 12%,rgb(var(--emblem)/.1),transparent 75%),#ffffff03;box-shadow:inset 0 1px 0 #ffffff06}
.q-benefit-emblem::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 21% 76%,rgb(var(--emblem)/.35) 0 .7px,transparent 1.3px),radial-gradient(circle at 78% 23%,rgb(var(--emblem)/.45) 0 .8px,transparent 1.5px),radial-gradient(circle at 79% 78%,rgb(var(--emblem)/.2) 0 .6px,transparent 1.2px);pointer-events:none}
.q-benefit-emblem svg{width:33px;height:33px;filter:drop-shadow(0 0 8px rgb(var(--emblem)/.18))}
.q-benefits .q-section-heading{margin-bottom:60px}
.q-section-actions{display:flex;justify-content:center;margin-top:42px}
.q-section-actions .cta{min-height:50px;font-size:14px}
.avara-site .quiet-revised > .q-free-design{--horizon-a:100 86 195;--horizon-b:174 94 178;--glow-x:50%;--glow-bottom:-200px;text-align:center}
.q-free-design .q-section-heading{margin-bottom:24px}
.q-free-design h2{max-width:24ch;text-wrap:balance}
.q-free-design>p{max-width:47ch;margin:20px auto 0;font-size:16px;line-height:1.7;color:#9b9da5}
.q-free-design .q-section-actions{margin-top:30px}
@media(max-width:900px){.q-benefits-grid{gap:38px 32px}.q-benefits-grid li{grid-template-columns:64px minmax(0,1fr);gap:20px}.q-benefit-emblem{width:64px;border-radius:17px}.q-benefits-grid h3{font-size:20px}}
@media(max-width:600px){.q-benefits-grid{grid-template-columns:minmax(0,1fr);gap:32px;max-width:390px}.q-benefits-grid p{max-width:34ch}.q-benefits .q-section-heading{margin-bottom:42px}.q-section-actions{margin-top:34px}}

/* Minimal website, synchronized across two modern screens. */
.q-edit-demo{max-width:1080px;margin:60px auto 0;min-width:0;font-family:'DM Sans',sans-serif}
.q-edit-stage{position:relative;padding:0 100px 40px 0}
.q-edit-site{container-type:inline-size;position:relative;overflow:hidden;min-width:0;aspect-ratio:16/9;border:1px solid #ffffff24;border-radius:12px;background:linear-gradient(150deg,#111214,#050506 70%);color:#f4f4f5;box-shadow:0 22px 65px #0005}
.q-edit-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:26px 30px;position:relative;z-index:1}
.q-edit-nav b{font:500 11px 'DM Sans',sans-serif;letter-spacing:2.5px}
.q-edit-links{font-size:11px;color:#a7a9af;white-space:nowrap}
.q-edit-login{justify-self:end;font-size:11px;color:#d8d9de;white-space:nowrap}
.q-edit-home{position:absolute;inset:72px 28px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;text-align:center}
.q-edit-home h3{font:500 clamp(26px,5.5cqw,54px)/1.13 Manrope,sans-serif;letter-spacing:-1.7px;width:100%;max-width:19ch;min-height:2.3em;margin:0;display:block;text-wrap:balance;overflow-wrap:anywhere}
.q-edit-caret{visibility:hidden;margin-left:2px;border-right:1px solid #eef1f7}
.q-edit-demo[data-phase='typing'] .q-edit-caret{visibility:visible}
.q-edit-button{display:inline-block;background:#f3f3f5;border:1px solid #fff9;border-radius:4px;color:#151517;padding:12px 18px;font-size:11px;font-weight:500;white-space:nowrap}
.q-edit-phone{position:absolute;right:0;bottom:0;width:clamp(165px,20vw,218px);aspect-ratio:393/852;border:1px solid #ffffff24;border-radius:35px;background:#080809;box-shadow:0 15px 50px #0008}
.q-edit-phone::before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:27%;height:12px;border-radius:20px;background:#000;z-index:2}
.q-edit-phone::after{content:'';position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:31%;height:3px;border-radius:3px;background:#e8e8eb80}
.q-edit-phone .q-edit-nav{display:flex;justify-content:space-between;padding:37px 17px 10px;gap:10px}
.q-edit-phone .q-edit-nav b{font-size:8px;letter-spacing:1.6px}
.q-edit-phone .q-edit-links{display:none}
.q-edit-phone .q-edit-login{font-size:9px}
.q-edit-phone .q-edit-home{inset:72px 16px 38px;gap:22px}
.q-edit-phone .q-edit-home h3{font-size:clamp(22px,13cqw,29px);letter-spacing:-.8px;min-height:3.5em;max-width:14ch}
.q-edit-phone .q-edit-button{font-size:9px;padding:10px 11px;border-radius:3px}
@media(max-width:900px){.q-edit-stage{padding-right:65px}.q-edit-nav{padding:23px 24px}.q-edit-home{inset:62px 24px 28px;gap:22px}}
@media(max-width:600px){.q-edit-demo{margin-top:38px}.q-edit-stage{padding:0 0 130px}.q-edit-devices>.q-edit-site:first-child{margin-right:48px}.q-edit-site{aspect-ratio:1.2;border-radius:9px}.q-edit-nav{padding:18px 17px;gap:10px}.q-edit-nav b{font-size:9px;letter-spacing:1.8px}.q-edit-links{font-size:9px}.q-edit-login{font-size:9px}.q-edit-home{inset:56px 23px 33px;gap:17px}.q-edit-home h3{font-size:27px;letter-spacing:-1px;min-height:3.4em;max-width:18ch}.q-edit-button{font-size:10px;padding:10px 14px}.q-edit-phone{width:130px;aspect-ratio:393/852;border-width:1px;border-radius:25px}.q-edit-phone::before{top:7px;height:9px}.q-edit-phone::after{bottom:7px;height:2px}.q-edit-phone .q-edit-nav{padding:29px 11px 8px;gap:8px}.q-edit-phone .q-edit-nav b{font-size:6px;letter-spacing:1px}.q-edit-phone .q-edit-login{font-size:7px}.q-edit-phone .q-edit-home{inset:57px 11px 30px;gap:15px}.q-edit-phone .q-edit-home h3{font-size:19px;min-height:3.5em;letter-spacing:-.7px}.q-edit-phone .q-edit-button{font-size:7px;padding:8px 7px}}
@media(prefers-reduced-motion:reduce){.q-edit-caret{visibility:hidden!important}}

/* A single cursor moves with transforms; geometry is measured only on resize. */
.q-edit-cursor{position:absolute;left:0;top:0;z-index:4;width:26px;height:30px;pointer-events:none;opacity:0;animation:q-edit-pointer 10s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}
.q-edit-demo[data-ready='true'] .q-edit-cursor{opacity:1}
.q-edit-cursor svg{display:block;width:26px;height:30px;filter:drop-shadow(0 0 2px #ffffff50) drop-shadow(0 0 9px #4898ffa0);transform-origin:4px 3px;animation:q-edit-press 10s linear infinite;animation-play-state:paused}
.q-edit-cursor::before{content:'';position:absolute;left:-10px;top:-10px;width:27px;height:27px;border:1px solid #8bbfff;border-radius:50%;opacity:0;animation:q-edit-click 10s linear infinite;animation-play-state:paused}
.q-edit-active .q-edit-cursor,.q-edit-active .q-edit-cursor svg,.q-edit-active .q-edit-cursor::before{animation-play-state:running}
@keyframes q-edit-pointer{0%,100%{transform:translate3d(calc(var(--pointer-head-x) - 35px),calc(var(--pointer-head-y) + 22px),0)}12%,20%{transform:translate3d(var(--pointer-head-x),var(--pointer-head-y),0)}40%,49%{transform:translate3d(var(--pointer-cta-x),var(--pointer-cta-y),0)}65%,74%{transform:translate3d(var(--pointer-phone-head-x),var(--pointer-phone-head-y),0)}85%,94%{transform:translate3d(var(--pointer-phone-cta-x),var(--pointer-phone-cta-y),0)}}
@keyframes q-edit-press{0%,12%,16%,40%,44%,65%,69%,85%,89%,100%{transform:scale(1)}14%,42%,67%,87%{transform:scale(.85)}}
@keyframes q-edit-click{0%,12%,40%,65%,85%,100%{opacity:0;transform:scale(.45)}14%,42%,67%,87%{opacity:.7;transform:scale(.55)}20%,49%,74%,94%{opacity:0;transform:scale(1.6)}}
@media(max-width:600px){.q-edit-cursor,.q-edit-cursor svg{width:21px;height:24px}}
@media(prefers-reduced-motion:reduce){.q-edit-cursor{display:none}}

.q-edit-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;pointer-events:none}

.q-edit-vignette{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 45%,transparent 55%,#0004 100%);box-shadow:inset 0 0 0 3px #050506,inset 0 0 22px #0006;pointer-events:none}

/* Centered hero and oversized website previews, inspired by the supplied reference. */
.avara-site .q-header{position:absolute;left:0;right:0;min-height:88px;padding:16px 32px;justify-content:space-between;border:0;background:#000}
.avara-site .q-header-cta{min-height:52px;padding:16px 25px;border-radius:4px}
.avara-site .quiet-revised>.q-hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-height:100svh;padding:calc(88px + clamp(60px,10svh,136px)) 0 0;overflow:hidden;background:#000}
.avara-site .quiet-revised>.q-hero::after{content:none}
.avara-site .q-hero-copy{position:relative;z-index:1;width:100%;max-width:1100px;margin:0;padding:0 24px}
.avara-site .q-hero h1{font-size:clamp(48px,5.2vw,82px);line-height:1.08;font-weight:400;letter-spacing:-3.4px;margin:0 auto 34px;text-wrap:balance}
.avara-site .q-hero h1 em{color:inherit}
.avara-site .q-hero-actions{padding:0;gap:0}
.avara-site .q-hero-actions .cta{min-height:60px;padding:19px 32px;border-radius:4px;font-size:15px;font-weight:600}
.avara-site .q-hero-copy>p{margin:24px auto 0;font-size:16px;line-height:1.5;color:#b8b8bd}
.q-hero-previews{position:relative;width:100%;height:clamp(290px,30vw,500px);margin-top:76px;overflow:hidden;pointer-events:none}
.q-hero-preview-rail{position:absolute;top:0;left:50%;display:flex;align-items:flex-start;gap:3vw;width:max-content;transform:translateX(-50%)}
.q-hero-preview{container-type:inline-size;position:relative;flex:none;width:28vw;max-width:490px;aspect-ratio:.98;overflow:hidden;border:1px solid #ffffff24;border-radius:8px;background:#252621;text-align:left;font-family:'DM Sans',sans-serif;box-shadow:0 24px 60px #0006}
.q-hero-preview-remodeling{z-index:1;width:48vw;max-width:840px;aspect-ratio:1.55;background:#1d211f;color:#eff0e9}
.q-hero-preview-painting{margin-top:46px;transform:rotate(-3deg);color:#faf9f4}
.q-hero-preview-homes{margin-top:46px;transform:rotate(3deg);background:#e6e1d5;color:#252a23}
.q-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3.5cqw 4cqw;font-size:1.6cqw;line-height:1.3}
.q-preview-nav b{font-size:2cqw;font-weight:600;letter-spacing:.04em}
.q-hero-preview-remodeling>h3{position:relative;z-index:1;margin:0;padding:0 3cqw;font:700 14cqw/.98 Manrope,sans-serif;letter-spacing:-.06em;white-space:nowrap}
.q-preview-remodeling-copy{text-align:center;padding:3.5cqw 4cqw 3.5cqw}
.q-preview-remodeling-copy>span{font-size:1.5cqw;letter-spacing:.07em;text-transform:uppercase}
.q-preview-remodeling-copy>p{margin:2cqw 0 0;font-size:2.2cqw;line-height:1.25;color:#e0e3dc}
.q-hero-preview-remodeling>img{display:block;width:100%;height:30cqw;object-fit:cover;object-position:center 55%}
.q-hero-preview-painting>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.q-hero-preview-painting::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17232dd9,#17232d55);z-index:1}
.q-hero-preview-painting .q-preview-nav,.q-preview-painting-copy{position:relative;z-index:2}
.q-preview-painting-copy{padding:19cqw 7cqw}
.q-preview-painting-copy>span:first-child{font-size:2.2cqw;text-transform:uppercase;letter-spacing:.06em}
.q-preview-painting-copy>h3{margin:3cqw 0 5cqw;font:400 10cqw/1.05 'DM Serif Display',serif;letter-spacing:-.02em}
.q-preview-button{display:inline-block;padding:3cqw 4cqw;background:#eff0e9;color:#27333c;font-size:2.3cqw}
.q-hero-preview-homes>h3{margin:6cqw 0 7cqw;padding:0 6cqw;font:400 16cqw/.94 'DM Serif Display',serif;letter-spacing:-.05em}
.q-preview-homes-copy{position:relative;z-index:1;display:block;margin:0 6cqw;font-size:2.5cqw;line-height:1.4}
.q-hero-preview-homes>img{display:block;margin-top:6cqw;width:100%;height:49cqw;object-fit:cover}
@media(min-width:1750px){.q-hero-preview-rail{gap:52px}}
@media(min-width:801px) and (max-height:800px){
 .avara-site .quiet-revised>.q-hero{padding-top:138px}
 .avara-site .q-hero h1{font-size:clamp(48px,4.8vw,68px);margin-bottom:26px}
 .avara-site .q-hero-actions .cta{min-height:56px;padding-block:17px}
 .avara-site .q-hero-copy>p{margin-top:20px}
 .q-hero-previews{margin-top:54px}
}
@media(max-width:800px){
 .avara-site .q-header{min-height:76px;padding:16px 22px}
 .avara-site .q-header-cta{min-height:44px;padding:12px 16px;font-size:13px}
 .avara-site .quiet-revised>.q-hero{min-height:0;padding-top:calc(76px + 70px)}
 .avara-site .q-hero h1{font-size:clamp(36px,6.8vw,54px);letter-spacing:-2px;margin-bottom:28px}
 .q-hero-previews{height:38vw;min-height:260px;margin-top:60px}
 .q-hero-preview{width:36vw}
 .q-hero-preview-remodeling{width:60vw}
}
@media(max-width:600px){
 .avara-site .q-header{padding:15px 20px;flex-wrap:nowrap}
 .avara-site .q-brand{font-size:20px}
 .avara-site .q-header-cta{font-size:12px;padding:12px 14px}
 .avara-site .quiet-revised>.q-hero{padding-top:calc(76px + 64px)}
 .avara-site .q-hero-copy{padding-inline:20px}
 .avara-site .q-hero h1{font-size:clamp(32px,9.2vw,50px);letter-spacing:-1.7px;line-height:1.13}
 .avara-site .q-hero-actions .cta{min-height:54px;padding:16px 26px;font-size:14px}
 .avara-site .q-hero-copy>p{font-size:14px;margin-top:20px}
 .q-hero-previews{height:59vw;min-height:220px;margin-top:54px}
 .q-hero-preview-rail{gap:20px}
 .q-hero-preview{width:58vw}
 .q-hero-preview-remodeling{width:82vw;aspect-ratio:1.5}
 .q-hero-preview-painting,.q-hero-preview-homes{margin-top:28px}
 .q-hero-preview-remodeling .q-preview-nav{padding:5cqw 4cqw;font-size:2cqw}
 .q-hero-preview-remodeling .q-preview-nav b{font-size:2.3cqw}
 .q-preview-remodeling-copy>span{font-size:2cqw}
 .q-preview-remodeling-copy>p{font-size:2.8cqw}
}