body{margin:0}html{scroll-behavior:smooth}a:focus-visible{outline:3px solid #cc374c;outline-offset:4px}
#all-preview{--ink:#211622;--wine:#6e263c;--coral:#ff756f;--cream:#f8efe9;--paper:#fffaf6;--muted:#6b5661;--line:#e3d6d3;background:var(--cream);color:var(--ink);font:15px/1.65 Inter,Arial,sans-serif}#all-preview *{box-sizing:border-box}#all-preview h1,#all-preview h2,#all-preview h3,#all-preview p{margin:0}#all-preview a{color:inherit;text-decoration:none}#all-preview .wrap{padding:0 6%}#all-preview nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 6%;border-bottom:1px solid #ffffff20}#all-preview .logo{font-size:23px;line-height:1;letter-spacing:-1px}#all-preview .navlinks{display:flex;gap:23px;align-items:center;font-size:12px}#all-preview .hero{background:radial-gradient(ellipse at 100% 15%,#9c304a88,transparent 60%),linear-gradient(125deg,#171521,#3a1c30);color:var(--paper)}#all-preview .hero-main{padding-top:76px;padding-bottom:65px}#all-preview .eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:19px;display:block}#all-preview .hero .eyebrow{color:#ddbdc9}#all-preview h1{color:var(--paper);font-size:clamp(44px,6.8vw,76px);line-height:1.02;letter-spacing:-4px;font-weight:400;max-width:820px}#all-preview h1 em,#all-preview h2 em{font-family:Georgia,serif;color:var(--coral);font-weight:400}#all-preview .hero p{max-width:600px;color:#e4cfd8;margin-top:26px;font-size:16px}#all-preview .actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}#all-preview .pill{display:inline-block;border-radius:30px;background:var(--paper);color:var(--ink);padding:12px 21px;font-size:12px}#all-preview .outline{border:1px solid #ffffff60;border-radius:25px;padding:9px 18px}#all-preview .under{text-decoration:underline;text-underline-offset:5px;font-size:12px}#all-preview .brands{display:flex;gap:30px;align-items:center;flex-wrap:wrap;padding:24px 6%;background:#321a2b;color:#eddfdf}#all-preview .brands small{font-size:9px;letter-spacing:1px;white-space:nowrap;text-transform:uppercase;color:#cbb2bf}#all-preview .brand-logos{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:28px;margin-left:auto}#all-preview .brand-logos img{display:block;width:90px;height:30px;object-fit:contain;filter:brightness(0) invert(1);opacity:.88}#all-preview .brand-logos .brand-be-mobile{width:100px;height:44px}#all-preview .intro{padding-top:80px;padding-bottom:36px}#all-preview .eyebrow{color:var(--wine)}#all-preview h2{font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-1.8px;font-weight:400;max-width:700px}#all-preview .intro p{max-width:630px;color:var(--muted);margin-top:20px}#all-preview .service{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:52px 0;border-bottom:1px solid var(--line)}#all-preview .service:nth-child(even) .demo{order:2}#all-preview .service:nth-child(even) .copy{order:1}#all-preview .demo{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px;min-height:315px;display:flex;flex-direction:column;box-shadow:0 12px 30px #321a2b04}#all-preview .demohead{display:flex;align-items:center;gap:12px;margin-bottom:22px}#all-preview .mark{width:34px;height:34px;display:grid;place-items:center;background:#f5dfdd;border-radius:8px;color:var(--wine)}#all-preview .tiny{font:9px/1.6 monospace;letter-spacing:1px;color:var(--muted)}#all-preview .demotitle{font-size:13px}#all-preview .drow{display:flex;align-items:center;gap:13px;background:var(--cream);border:1px solid #efe3dc;border-radius:7px;padding:11px 12px;margin-bottom:7px;font-size:11px}#all-preview .drow b{font:9px monospace;color:var(--wine);min-width:60px;font-weight:400}#all-preview .demofoot{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center}#all-preview .segments{display:flex;gap:5px;width:45%}#all-preview .segments i{height:2px;flex:1;background:var(--line)}#all-preview .segments i.on{background:var(--wine)}#all-preview .number{color:var(--wine);font:10px monospace;letter-spacing:2px;display:block;margin-bottom:17px}#all-preview h3{font-size:32px;letter-spacing:-1px;font-weight:400;line-height:1.15;margin-bottom:16px}#all-preview .copy p{color:var(--muted);font-size:14px}#all-preview .checks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:23px 0 0}#all-preview .checks li{font-size:11px;color:var(--muted);padding-left:16px;position:relative}#all-preview .checks li:before{content:'✓';position:absolute;left:0;color:var(--wine)}#all-preview .tag{font:8px monospace;letter-spacing:.6px;border:1px solid #c8a6ab;padding:2px 5px;border-radius:3px;color:var(--wine)}#all-preview .mail{display:block}#all-preview .mail strong{font-size:11px;display:block;font-weight:500;margin:4px 0}#all-preview .mail small{font-size:10px;color:var(--muted)}#all-preview .battle{padding:12px 0;border-bottom:1px solid var(--line)}#all-preview .battle strong{font-size:13px;font-weight:500}#all-preview .battle p{font-size:11px;color:var(--muted)}#all-preview .browser{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--cream)}#all-preview .bar{padding:7px 12px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}#all-preview .quiz{padding:18px}#all-preview .quiz p{font-size:15px;line-height:1.3;margin:7px 0 14px}#all-preview .option{background:var(--paper);padding:7px;margin:5px 0;border:1px solid var(--line);font-size:10px;border-radius:4px}#all-preview .option.active{border-color:var(--wine);background:#f0dedc}#all-preview .flow{display:grid;grid-template-columns:1fr 1fr;gap:10px}#all-preview .node{background:var(--cream);padding:12px;border:1px solid var(--line);border-radius:7px;font-size:11px}#all-preview .node small{display:block;color:var(--muted);font-size:10px}#all-preview .node.last{grid-column:1/-1;background:#ead5d7;color:var(--wine)}#all-preview .serviceclose{text-align:center;padding:35px 0 65px;color:var(--muted)}#all-preview .darkbutton{background:var(--ink);color:var(--paper);margin-left:18px}#all-preview .work{background:var(--ink);color:var(--paper);padding-top:65px;padding-bottom:65px}#all-preview .work .eyebrow{color:var(--coral)}#all-preview .projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}#all-preview .project{border-top:1px solid #71515e;padding-top:20px}#all-preview .project h3{font-size:23px;margin:15px 0}#all-preview .project p{font-size:12px;color:#cdb9c3}#all-preview .project .tiny{color:var(--coral)}#all-preview .engage{padding-top:70px;padding-bottom:65px}#all-preview .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}#all-preview .plan{background:var(--paper);border-top:2px solid var(--wine);padding:25px}#all-preview .plan h3{font-size:24px}#all-preview .plan p{font-size:12px;color:var(--muted);margin:14px 0 24px}#all-preview .about{display:grid;grid-template-columns:1fr 1.4fr;gap:7%;padding-top:50px;padding-bottom:65px;border-top:1px solid var(--line)}#all-preview .monogram{background:#e5c9cb;min-height:240px;display:flex;align-items:center;justify-content:center;font:110px Georgia;color:var(--wine)}#all-preview .about p{font-size:13px;color:var(--muted);margin-top:18px}#all-preview .closing{background:var(--wine);color:var(--paper);padding-top:60px;padding-bottom:60px;display:flex;align-items:center;justify-content:space-between;gap:30px}#all-preview .closing p{max-width:500px;color:#e9d3da;margin-top:15px;font-size:13px}#all-preview footer{padding:24px 6%;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
@media(max-width:650px){#all-preview .navlinks a:not(:last-child){display:none}#all-preview .hero-main{padding-top:48px}#all-preview h1{letter-spacing:-2px}#all-preview .service{grid-template-columns:1fr;gap:25px;padding:34px 0}#all-preview .copy{grid-row:1}#all-preview .service:nth-child(even) .demo,#all-preview .service:nth-child(even) .copy{order:initial}#all-preview .projects,#all-preview .plans{grid-template-columns:1fr}#all-preview .about{grid-template-columns:1fr}#all-preview .monogram{display:none}#all-preview .closing{display:block}#all-preview .closing .pill{margin-top:25px}#all-preview .brands{gap:20px}#all-preview .brands span{font-size:17px}#all-preview .serviceclose .pill{margin:15px 0 0}}
#all-preview .work h2,#all-preview .closing h2{color:var(--paper)}
#all-preview .work .project h3{color:var(--paper)}
#all-preview .pricing-intro{max-width:680px;color:var(--muted);margin-top:22px;font-size:14px}#all-preview .plans{align-items:stretch;gap:15px}#all-preview .plan{display:flex;flex-direction:column;padding:25px 22px;border:1px solid var(--line);border-top:3px solid var(--wine)}#all-preview .plan h3{font-size:25px;margin:14px 0 0}#all-preview .plan .promise{font:italic 18px/1.3 Georgia,serif;color:var(--wine);min-height:48px;margin:15px 0 0}#all-preview .plan>p:not(.promise){min-height:100px;margin:16px 0 20px}#all-preview .scope-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;padding-top:18px;border-top:1px solid var(--line)}#all-preview .package-list{padding:0;list-style:none;margin:15px 0 25px;flex:1}#all-preview .package-list li{font-size:12px;color:var(--muted);padding-left:17px;position:relative;margin:0 0 12px}#all-preview .package-list li:before{content:'✓';position:absolute;left:0;color:var(--wine)}#all-preview .term{font:10px monospace;color:var(--muted);margin-bottom:18px}#all-preview .package-button{display:block;text-align:center;padding:12px 10px;border:1px solid var(--ink);border-radius:24px;font-size:11px}#all-preview .featured{background:#eedddd;border-top-color:var(--coral)}#all-preview .featured .package-button{background:var(--ink);color:var(--paper)}#all-preview .pricing-notes>p{font-size:11px;color:var(--muted);margin-top:20px;max-width:720px}#all-preview .assessment{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);margin-top:35px;padding-top:28px}#all-preview .assessment h3{font-size:23px;margin:7px 0}#all-preview .assessment p{color:var(--muted);font-size:12px;max-width:490px}@media(max-width:650px){#all-preview .plan>p:not(.promise){min-height:0}#all-preview .plan .promise{min-height:0}#all-preview .assessment{display:block}#all-preview .assessment .under{margin-top:18px}}
#all-preview .plan .fit-copy{min-height:122px;margin:13px 0 22px}#all-preview .plan .promise{min-height:72px;margin-bottom:20px}#all-preview .plan .package-list{margin-bottom:24px}#all-preview .package-rhythm{border-top:1px solid var(--line);padding-top:17px;margin-bottom:20px}#all-preview .package-rhythm .scope-label{border:0;padding:0}#all-preview .package-rhythm p{font-size:11px;line-height:1.8;margin:12px 0 0}#all-preview .package-rhythm strong{font-weight:500;color:var(--ink)}#all-preview .package-rhythm{min-height:185px}#all-preview .plan>p:not(.promise){min-height:122px}@media(max-width:650px){#all-preview .plan .fit-copy,#all-preview .plan .promise,#all-preview .plan>p:not(.promise),#all-preview .package-rhythm{min-height:0}}
/* Site integration and accessible interaction states. */
#all-preview { --red: #cc374c; --ink-2: #321a2b; }
#all-preview main { display: block; }
#all-preview .site-nav { position: relative; min-height: 0; background: transparent; backdrop-filter: none; font-family: inherit; color: var(--paper); }
#all-preview .site-nav-links a { opacity: 1; }
#all-preview .site-nav-toggle { font-family: inherit; }
#all-preview .portrait { display: block; width: 100%; max-height: 420px; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; }
#all-preview .skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 12px 18px; background: var(--paper); color: var(--ink); transform: translateY(-160%); }
#all-preview .skip-link:focus { transform: translateY(0); }
#all-preview a:focus-visible, #all-preview button:focus-visible { outline: 3px solid var(--red); outline-offset: 5px; }
#all-preview .hero a:focus-visible, #all-preview .closing a:focus-visible { outline-color: var(--coral); }
#all-preview .pill, #all-preview .package-button, #all-preview .outline { min-height: 44px; transition: transform .2s ease, background .2s ease; }
#all-preview .pill:hover, #all-preview .package-button:hover { transform: translateY(-2px); }
#all-preview .under:hover { color: var(--coral); }
#all-preview .demo { overflow-wrap: anywhere; }
#all-preview .drow { min-width: 0; }
#all-preview .drow b { flex-shrink: 0; }
@media (max-width: 1100px) {
#all-preview .navlinks { width: 100%; }
#all-preview .site-nav.is-open .navlinks a { display: flex; }
#all-preview .site-nav.is-open .navlinks .outline { align-self: flex-start; padding: 9px 18px; }
}
@media (max-width: 650px) {
#all-preview .portrait { max-width: 360px; max-height: 360px; }
#all-preview .checks { grid-template-columns: 1fr; }
#all-preview .demo { padding: 20px; }
#all-preview .brands { gap: 20px; }
#all-preview .brand-logos { width: 100%; gap: 20px; }
#all-preview .brand-logos img { width: 76px; }
#all-preview footer { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
#all-preview a { transition: none; }
#all-preview .pill:hover, #all-preview .package-button:hover { transform: none; }
}
/* Audience section directly below the team logos. */
#all-preview .all-who {
--all-ink: #211622;
--all-muted: #6b5661;
--all-border: rgba(33, 22, 34, 0.2);
padding: 72px 24px;
background: #fff;
color: var(--all-ink);
font-family: Inter, Arial, sans-serif;
}
#all-preview .all-who__inner { max-width: 1160px; margin: 0 auto; }
#all-preview .all-who__eyebrow {
margin: 0 0 18px;
color: var(--all-muted);
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
#all-preview .all-who__heading {
margin: 0 0 32px;
color: var(--all-ink);
font-size: clamp(32px, 4vw, 46px);
font-weight: 400;
line-height: 1.12;
letter-spacing: -0.04em;
}
#all-preview .all-who__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
padding: 1px;
background: var(--all-border);
}
#all-preview .all-who__item { min-width: 0; padding: 36px; background: #fff; }
#all-preview .all-who__number {
display: block;
margin-bottom: 48px;
color: var(--all-muted);
font-size: 11px;
letter-spacing: 0.16em;
}
#all-preview .all-who__title {
margin: 0 0 20px;
color: var(--all-ink);
font-size: clamp(25px, 2.8vw, 34px);
font-weight: 400;
line-height: 1.18;
letter-spacing: -0.05em;
}
#all-preview .all-who__copy {
margin: 0;
color: var(--all-muted);
font-family: Georgia, "Times New Roman", serif;
font-size: 17px;
line-height: 1.5;
}
@media (max-width: 900px) {
#all-preview .all-who__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#all-preview .all-who__item { padding: 28px; }
}
@media (max-width: 560px) {
#all-preview .all-who { padding: 48px 20px; }
#all-preview .all-who__grid { grid-template-columns: 1fr; }
#all-preview .all-who__number { margin-bottom: 24px; }
}
/* Keep the navigation CTA label centered at every menu breakpoint. */
#all-preview .site-nav .navlinks .outline {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.2;
}
/* Service links share the navigation's palette and remain usable without JavaScript. */
#all-preview .site-nav-services { position: relative; }
#all-preview .site-nav-services summary {
display: flex;
align-items: center;
gap: 8px;
min-height: 44px;
cursor: pointer;
list-style: none;
}
#all-preview .site-nav-services summary::-webkit-details-marker { display: none; }
#all-preview .site-nav-services summary::after {
content: '';
width: 6px;
height: 6px;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: translateY(-2px) rotate(45deg);
}
#all-preview .site-nav-services[open] summary::after { transform: translateY(2px) rotate(225deg); }
#all-preview .site-nav-services summary:focus-visible { outline: 3px solid var(--coral); outline-offset: 5px; }
#all-preview .site-nav-services-links {
position: absolute;
top: 100%;
left: -18px;
z-index: 60;
width: max-content;
max-width: min(340px, calc(100vw - 44px));
padding: 8px;
border: 1px solid rgba(255, 250, 246, .2);
border-radius: 8px;
background: var(--ink);
box-shadow: 0 16px 32px rgba(33, 22, 34, .2);
}
#all-preview .site-nav .site-nav-services-links a {
display: flex;
align-items: center;
min-height: 44px;
padding: 10px 12px;
border-radius: 4px;
line-height: 1.4;
}
#all-preview .site-nav-services-links a:hover,
#all-preview .site-nav-services-links a:focus-visible { background: var(--wine); }
@media (max-width: 1100px) {
#all-preview .site-nav-services-links {
position: static;
width: 100%;
max-width: none;
margin-top: 8px;
box-shadow: none;
}
}