/* Pricing and Solutions styles ported from the approved React design. Scoped to page content. */
.fractionl-offerings {
  --bg: #FBFAF6;
  --paper: #FFFFFF;
  --beige: #F0EBE0;
  --beige-deep: #E6DECF;
  --ink: #1B1A16;
  --ink-soft: #595549;
  --ink-faint: #908A7C;
  --accent: #2337FE;
  --accent-deep: #1726C9;
  --accent-tint: #ECEEFF;
  --line: rgba(27, 26, 22, 0.12);
  --line-soft: rgba(27, 26, 22, 0.07);
  --serif: "Spectral", Georgia, "Times New Roman", serif;
  --sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --container: 1180px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-y: clamp(4.5rem, 11vh, 8.5rem);
  --radius: 4px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fractionl-offerings *, .fractionl-offerings *::before, .fractionl-offerings *::after { box-sizing: border-box; }
.fractionl-offerings * { margin: 0; }
.fractionl-offerings { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { .fractionl-offerings { scroll-behavior: auto; } }

.fractionl-offerings {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

.fractionl-offerings img { max-width: 100%; display: block; }
.fractionl-offerings a { color: inherit; text-decoration: none; }
.fractionl-offerings button { font: inherit; }

.fractionl-offerings .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.fractionl-offerings .eyebrow {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-faint);
}

.fractionl-offerings .section-title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2rem, 4.2vw, 3.1rem);
  line-height: 1.08;
  letter-spacing: 0;
  text-wrap: balance;
}

.fractionl-offerings .section-intro {
  margin-top: 1.4rem;
  font-size: 1.12rem;
  line-height: 1.55;
  color: var(--ink-soft);
  max-width: 56ch;
}

.fractionl-offerings .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: var(--sans);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.95rem 1.7rem;
  border-radius: var(--radius);
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
  transition: background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);
}
.fractionl-offerings .btn-lg { padding: 1.1rem 2.2rem; font-size: 1rem; }
.fractionl-offerings .btn-primary { background: var(--ink); color: var(--bg); }
.fractionl-offerings .btn-primary:hover { background: var(--accent); transform: translateY(-2px); }
.fractionl-offerings .contact-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 2.6rem;
}

.fractionl-offerings .contact {
  padding-block: clamp(5rem, 13vh, 9rem);
  background: var(--ink);
  color: var(--bg);
}
.fractionl-offerings .contact-inner { max-width: 760px; margin-inline: auto; text-align: center; }
.fractionl-offerings .contact .eyebrow { color: rgba(251,250,246,0.55); }
.fractionl-offerings .contact-title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2.1rem, 5vw, 3.6rem);
  line-height: 1.08;
  letter-spacing: 0;
  margin-top: 1.2rem;
  text-wrap: balance;
}
.fractionl-offerings .contact-text {
  color: rgba(251,250,246,0.72);
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  margin: 1.5rem auto 0;
  max-width: 52ch;
}
.fractionl-offerings .contact .btn-primary { background: var(--bg); color: var(--ink); }
.fractionl-offerings .contact .btn-primary:hover { background: var(--accent); color: #fff; }

@media (max-width: 540px) {
  .fractionl-offerings { font-size: 16px; }
}
.fractionl-offerings {
  --content-wide: 1320px;
  --content-reading: 760px;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
}

.fractionl-offerings { overflow-x: clip; }
.fractionl-offerings { overflow-x: clip; }
.fractionl-offerings main { min-width: 0; }
.fractionl-offerings img { height: auto; }
.fractionl-offerings p, .fractionl-offerings li { text-wrap: pretty; }
.fractionl-offerings h1, .fractionl-offerings h2, .fractionl-offerings h3 { text-wrap: balance; }

.fractionl-offerings .container {
  max-width: var(--content-wide);
  padding-inline: max(clamp(1.1rem, 4vw, 3.5rem), env(safe-area-inset-left));
}

.fractionl-offerings :where(a, button, input, textarea, select) { -webkit-tap-highlight-color: transparent; }
.fractionl-offerings :where(input, textarea, select):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent) 65%, white);
  outline-offset: 3px;
}

.fractionl-offerings .btn { min-width: 9.5rem; line-height: 1.2; }

.fractionl-offerings .section-title,
.fractionl-offerings .contact-title { overflow-wrap: break-word; }
.fractionl-offerings .section-intro,
.fractionl-offerings .contact-text { max-width: 62ch; }

.fractionl-offerings .overview-service__copy { min-width: 0; }

@media (max-width: 900px) and (min-width: 541px) {
  .fractionl-offerings .services-overview__hero-copy h1 { font-size: clamp(3.6rem, 10vw, 5.8rem); }
  .fractionl-offerings .overview-service__visual > div { min-height: clamp(420px, 68vw, 540px); }
}

@media (max-width: 540px) {
  .fractionl-offerings .container { padding-inline: max(1.1rem, env(safe-area-inset-left)); }
  .fractionl-offerings .eyebrow { font-size: .69rem; line-height: 1.4; }
  .fractionl-offerings .section-title { font-size: clamp(2.2rem, 11vw, 3.35rem); line-height: 1; }
  .fractionl-offerings .section-intro { font-size: 1rem; }
  .fractionl-offerings .btn { width: 100%; white-space: normal; text-align: center; }
  .fractionl-offerings .contact-actions { align-items: stretch; flex-direction: column; }
}
.fractionl-offerings {
  --bg: #f8f9ff;
  --paper: #ffffff;
  --beige: #eff1ff;
  --beige-deep: #e2e5ff;
  --ink: #111327;
  --ink-soft: #545872;
  --ink-faint: #7b809d;
  --accent: #2838F7;
  --accent-deep: #1727df;
  --accent-tint: #e8eaff;
  --line: rgba(20, 25, 60, .14);
  --line-soft: rgba(20, 25, 60, .08);
  --serif: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --container: 1320px;
  --radius: 18px;
  --section-y: clamp(5rem, 11vw, 9rem);
}

.fractionl-offerings {
  background:
    radial-gradient(circle at 10% 0%, rgba(135, 217, 255, .16), transparent 26rem),
    var(--bg);
}

.fractionl-offerings .container { padding-inline: clamp(1.25rem, 4vw, 3.5rem); }
.fractionl-offerings .eyebrow { color: var(--accent); font-weight: 750; letter-spacing: .16em; }
.fractionl-offerings .section-title { font-weight: 650; font-size: clamp(2.35rem, 4.8vw, 4.5rem); line-height: .98; letter-spacing: -.045em; }
.fractionl-offerings .section-intro { font-size: clamp(1rem, 1.5vw, 1.18rem); }

.fractionl-offerings .btn { border-radius: 12px; padding: 1rem 1.45rem; box-shadow: 0 1px 0 rgba(255,255,255,.2) inset; }
.fractionl-offerings .btn-primary { background: var(--accent); color: white; box-shadow: 0 12px 28px rgba(40,56,247,.2); }
.fractionl-offerings .btn-primary:hover { background: var(--accent-deep); box-shadow: 0 16px 32px rgba(40,56,247,.28); }

.fractionl-offerings .contact { background:var(--accent);position:relative;overflow:hidden; }.fractionl-offerings .contact::before,.fractionl-offerings .contact::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%;width:42rem;height:42rem;left:-20rem;top:-24rem}.fractionl-offerings .contact::after{left:auto;top:auto;right:-20rem;bottom:-28rem}
.fractionl-offerings .contact-title { font-weight:650;letter-spacing:-.045em;font-size:clamp(2.5rem,5.5vw,5rem); }.fractionl-offerings .contact-text{color:rgba(255,255,255,.75)}.fractionl-offerings .contact .eyebrow{color:rgba(255,255,255,.72)}
.fractionl-offerings .contact .btn-primary { background:white;color:var(--accent); }.fractionl-offerings .contact .btn-primary:hover{background:#eef0ff;color:var(--accent)}
@media (max-width: 540px) {.fractionl-offerings .section-title{font-size:clamp(2.4rem,12vw,3.7rem)}
}
.fractionl-offerings {
  --bg: #f7f8ff;
  --ink: #121426;
  --ink-soft: #50546b;
  --ink-faint: #6f748d;
  --section-y: clamp(5.5rem, 9vw, 8.5rem);
}

.fractionl-offerings { background: var(--bg); }
.fractionl-offerings main:focus { outline: none; }

.fractionl-offerings :where(a, button):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent) 65%, white);
  outline-offset: 4px;
}
.fractionl-offerings .section-title { font-size: clamp(2.4rem, 4.5vw, 4.25rem); line-height: 1.02; }
.fractionl-offerings .section-intro { margin-top: 1.25rem; max-width: 58ch; line-height: 1.65; }

.fractionl-offerings .contact::before, .fractionl-offerings .contact::after { display: none; }

.fractionl-offerings .btn { border-radius: 8px; }
.fractionl-offerings .btn-primary:hover { transform: translateY(-2px); }
.fractionl-offerings .contact { background: var(--accent); }
.fractionl-offerings .contact-inner { max-width: 820px; }
.fractionl-offerings .contact-title { line-height: 1; }

@media (max-width: 540px) {
  .fractionl-offerings { --gutter: 1.1rem; --section-y: 4.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .fractionl-offerings *, .fractionl-offerings *::before, .fractionl-offerings *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
.fractionl-offerings .services-overview { --service-blue:#2838F7; background:#fff; }
.fractionl-offerings .services-overview__hero { padding:clamp(9rem,17vh,12rem) 0 clamp(4rem,8vw,7rem); background:#f7f8ff; overflow:hidden; }
.fractionl-offerings .services-overview__hero-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr); gap:clamp(2rem,8vw,8rem); align-items:end; }
.fractionl-offerings .services-overview__hero-copy h1 { margin-top:1.4rem; max-width:10ch; font-size:clamp(3.7rem,8.4vw,8rem); line-height:.89; letter-spacing:-.07em; text-wrap:balance; }
.fractionl-offerings .services-overview__hero-copy h1 span { color:var(--service-blue); }
.fractionl-offerings .services-overview__hero-aside { padding-bottom:.5rem; }
.fractionl-offerings .services-overview__hero-aside p { color:var(--ink-soft); font-size:clamp(1.08rem,1.6vw,1.28rem); line-height:1.6; }
.fractionl-offerings .services-overview__jump { display:flex; justify-content:space-between; margin-top:2rem; padding:1rem 0; border-block:1px solid var(--line); font-weight:700; color:var(--service-blue); }
.fractionl-offerings .overview-service { padding:clamp(5rem,10vw,10rem) 0; overflow:hidden; }
.fractionl-offerings .overview-service:nth-child(even) { background:#f4f5ff; }
.fractionl-offerings .overview-service__grid { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:clamp(3rem,9vw,9rem); align-items:center; }
.fractionl-offerings .overview-service:nth-child(even) .overview-service__copy { order:2; }
.fractionl-offerings .overview-service__copy { max-width:500px; }
.fractionl-offerings .overview-service__copy h2 { margin-top:1.4rem; font-size:clamp(2.5rem,5vw,5rem); line-height:.96; letter-spacing:-.06em; text-wrap:balance; }
.fractionl-offerings .overview-service__description { margin-top:1.6rem; color:var(--ink-soft); font-size:clamp(1rem,1.35vw,1.16rem); line-height:1.7; }
.fractionl-offerings .overview-service__link { display:inline-flex; align-items:center; gap:1rem; margin-top:2rem; padding:1rem 1.3rem; color:#fff; background:var(--service-blue); border-radius:8px; font-weight:700; transition:transform .25s var(--ease),background .25s var(--ease); }
.fractionl-offerings .overview-service__link:hover { background:#1827dc; transform:translateY(-2px); }
.fractionl-offerings .overview-service__visual { min-width:0; }
.fractionl-offerings .overview-service__visual > div { position:relative; min-height:clamp(370px,46vw,590px); }
.fractionl-offerings .visual-creative { background:#ffdf45; overflow:hidden; }
.fractionl-offerings .creative-poster,.fractionl-offerings .creative-social,.fractionl-offerings .creative-slide { position:absolute;box-shadow:0 22px 50px rgba(61,42,0,.18) }.fractionl-offerings .creative-poster{left:8%;top:8%;width:48%;height:66%;padding:9%;color:white;background:var(--service-blue);transform:rotate(-4deg)}.fractionl-offerings .creative-poster small{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}.fractionl-offerings .creative-poster strong{display:block;margin-top:45%;font-size:clamp(1.7rem,4vw,3.6rem);line-height:.82;letter-spacing:-.06em}.fractionl-offerings .creative-poster em{color:#ffdf45}
.fractionl-offerings .creative-social{right:8%;top:5%;width:33%;aspect-ratio:1;padding:6%;background:#ff6b82;transform:rotate(5deg)}.fractionl-offerings .creative-social span{font-size:.65rem;font-weight:700}.fractionl-offerings .creative-social b{display:block;margin-top:35%;font-size:3rem}
.fractionl-offerings .creative-slide{right:4%;bottom:7%;width:50%;height:37%;padding:5%;background:white;transform:rotate(-2deg)}.fractionl-offerings .creative-slide small{color:var(--service-blue);text-transform:uppercase;letter-spacing:.12em}.fractionl-offerings .creative-slide strong{display:block;margin-top:10%;font-size:clamp(1.2rem,2.5vw,2.2rem)}.fractionl-offerings .creative-slide i{display:block;width:55%;height:5px;margin-top:8%;background:#ff6b82}
.fractionl-offerings .creative-strip{position:absolute;left:-4%;right:-4%;bottom:4%;padding:.65rem;background:#141629;color:white;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;transform:rotate(2deg)}
.fractionl-offerings .engagements { padding:var(--section-y) 0; background:#111426; color:#fff; }.fractionl-offerings .engagements .eyebrow{color:#8f9aff}
.fractionl-offerings .services-overview .contact-title { max-width:13ch; margin-inline:auto; }.fractionl-offerings .services-overview .contact-text{max-width:55ch;margin-inline:auto}

@media (max-width:860px){
  .fractionl-offerings .services-overview__hero-grid,.fractionl-offerings .overview-service__grid{grid-template-columns:1fr}.fractionl-offerings .services-overview__hero-aside{max-width:600px}.fractionl-offerings .overview-service:nth-child(even) .overview-service__copy{order:0}.fractionl-offerings .overview-service__copy{max-width:650px}.fractionl-offerings .overview-service__visual>div{min-height:500px}
}
@media (max-width:540px){.fractionl-offerings .services-overview__hero-copy h1{font-size:clamp(3.2rem,16vw,4.7rem)}.fractionl-offerings .overview-service{padding:4.5rem 0}.fractionl-offerings .overview-service__visual>div{min-height:370px}
}
.fractionl-offerings .container { max-width: var(--content-wide); padding-inline: max(clamp(1.1rem, 4vw, 3.5rem), env(safe-area-inset-left)); }
.fractionl-offerings .contact .btn-primary:is(:hover, :focus-visible, :active) {
  color: var(--accent);
}
.fractionl-offerings .btn { min-width: 9.5rem; line-height: 1.2; }

@media (max-width: 900px) and (min-width: 541px) {
  .fractionl-offerings .services-overview__hero-copy h1 { font-size: clamp(3.6rem, 10vw, 5.8rem); }
  .fractionl-offerings .overview-service__visual > div { min-height: clamp(420px, 68vw, 540px); }
}

@media (max-width: 540px) {
  .fractionl-offerings .container { padding-inline: max(1.1rem, env(safe-area-inset-left)); }
  .fractionl-offerings .eyebrow { font-size: .69rem; line-height: 1.4; }
  .fractionl-offerings .section-title { font-size: clamp(2.2rem, 11vw, 3.35rem); line-height: 1; }
  .fractionl-offerings .section-intro { font-size: 1rem; }
  .fractionl-offerings .btn { width: 100%; white-space: normal; text-align: center; }
  .fractionl-offerings .contact-actions { align-items: stretch; flex-direction: column; }
}
.fractionl-offerings .pricing-page .pricing-hero-copy h1 { max-width: 13ch; }
.fractionl-offerings .pricing-page .pricing-currency { margin-top: 1.5rem; font-size: .85rem; }
.fractionl-offerings .pricing-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1.5rem; padding-bottom:var(--section-y); }
.fractionl-offerings .pricing-club { display:grid; grid-template-rows:subgrid; grid-row:span 6; row-gap:1.5rem; min-width:0; padding:clamp(1.5rem,3vw,3rem); border-top:8px solid #ffdf45; background:#fff; color:#111426; }
.fractionl-offerings .pricing-club--product { border-color:var(--service-blue); background:#eef0ff; }
.fractionl-offerings .pricing-club__category { color:var(--service-blue); font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.fractionl-offerings .pricing-club h2 { max-width:10ch; margin-top:1.25rem; font-size:clamp(2.5rem,4vw,3.8rem); font-weight:600; line-height:1.1; letter-spacing:-.055em; }
.fractionl-offerings .pricing-price { line-height:1; display:flex; align-items:baseline; flex-wrap:wrap; gap:.6rem; }
.fractionl-offerings .pricing-price strong { color:var(--service-blue); font-size:clamp(3rem,4.5vw,4.3rem); font-weight:600; line-height:1; letter-spacing:-.06em; }
.fractionl-offerings .pricing-price span { font-size:1rem; line-height:1.3; }
.fractionl-offerings .pricing-price del { flex-basis:100%; font-size:1.25rem; color:#565d73; }
.fractionl-offerings .pricing-availability { margin-top:.5rem; font-size:.875rem; }
.fractionl-offerings .pricing-confirmation { margin-top:1rem; font-size:.95rem; line-height:1.6; }
.fractionl-offerings .pricing-club__description { font-size:1rem; line-height:1.6; max-width:46ch; }
.fractionl-offerings .pricing-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:.6rem; }
.fractionl-offerings .pricing-list li { font-size:1rem; line-height:1.5; padding-left:1rem; position:relative; }
.fractionl-offerings .pricing-list li::before { content:"–"; position:absolute; left:0; color:var(--service-blue); }
.fractionl-offerings .pricing-club__scope { border-top:1px solid #cdd2ed; padding-top:1.5rem; }
.fractionl-offerings .pricing-club__scope h3,.fractionl-offerings .pricing-small-title { font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.fractionl-offerings .pricing-club__scope p { margin-top:.75rem; font-size:.95rem; line-height:1.6; }
.fractionl-offerings .pricing-club__footer { align-self:end; padding-top:.5rem; }
.fractionl-offerings .pricing-commitment { font-size:.875rem; font-weight:600; }
.fractionl-offerings .pricing-join { display:flex; justify-content:space-between; width:100%; margin-top:1rem; border:0; cursor:pointer; text-align:left; font:inherit; font-weight:700; }
@media (max-width:800px) {
  .fractionl-offerings .pricing-plans { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
  .fractionl-offerings .pricing-club { grid-row:auto; grid-template-rows:auto; }
  .fractionl-offerings .pricing-club h2 { font-size:clamp(2.5rem,7vw,3.8rem); }
}
.fractionl-offerings .pricing-split { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2rem,7vw,7rem); }
.fractionl-offerings .pricing-split h2 { font-size:clamp(2.5rem,5vw,5rem); line-height:.96; letter-spacing:-.055em; max-width:13ch; }
.fractionl-offerings .pricing-split .eyebrow { margin-bottom:1.5rem; }
.fractionl-offerings .pricing-standard p:not(.eyebrow) { margin-top:1.5rem; color:#aeb2c7; }
.fractionl-offerings .pricing-standard ul { list-style:none; padding:0; display:grid; gap:1.6rem; align-content:center; font-size:clamp(1.2rem,2vw,1.8rem); line-height:1.3; }
.fractionl-offerings .pricing-standard li:first-child { color:#ffdf45; }
.fractionl-offerings .pricing-addons { padding-block:var(--section-y); background:#fff; }
.fractionl-offerings .pricing-addon-list { display:grid; grid-template-columns:1fr 1fr; gap:3.5rem 2rem; margin-top:2rem; }
.fractionl-offerings .pricing-addon-list dt { max-width:12ch; font-size:clamp(1.4rem,2.5vw,2rem); line-height:1.1; letter-spacing:-.04em; color:var(--service-blue); font-weight:600; }
.fractionl-offerings .pricing-addon-list dd { margin:1rem 0 0; color:var(--ink-soft); font-size:.95rem; }
.fractionl-offerings .pricing-process { padding-block:var(--section-y); background:#f4f5ff; }
.fractionl-offerings .pricing-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(2rem,5vw,5rem); list-style:none; padding:0; margin-top:4rem; }
.fractionl-offerings .pricing-steps li { border-top:2px solid var(--service-blue); padding-top:1.2rem; }
.fractionl-offerings .pricing-steps span { color:var(--service-blue); font-size:.8rem; }
.fractionl-offerings .pricing-steps h3 { margin-top:2rem; font-size:1.6rem; line-height:1.15; letter-spacing:-.035em; }
.fractionl-offerings .pricing-steps p { margin-top:1rem; color:var(--ink-soft); }
.fractionl-offerings .pricing-custom { padding-top:var(--section-y); }
.fractionl-offerings .pricing-custom__panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,3vw,3rem); padding:clamp(1.5rem,4vw,3.5rem); border-radius:20px; background:#e8edff; color:#111426; overflow:hidden; }
.fractionl-offerings .pricing-custom__copy { min-width:0; }
.fractionl-offerings .pricing-custom__copy .eyebrow { color:var(--service-blue); font-weight:800; letter-spacing:.14em; }
.fractionl-offerings .pricing-custom__copy h2 { max-width:12ch; margin-top:1.5rem; font-size:clamp(2.5rem,4.6vw,4.25rem); font-weight:600; line-height:1; letter-spacing:-.055em; text-wrap:balance; }
.fractionl-offerings .pricing-custom__description { max-width:43ch; margin-top:1.5rem; font-size:1rem; line-height:1.7; }
.fractionl-offerings .pricing-custom__price { max-width:32ch; margin-top:1.5rem; font-size:1rem; }
.fractionl-offerings .pricing-custom__price strong { white-space:nowrap; }
.fractionl-offerings .pricing-custom__cta { display:inline-flex; justify-content:space-between; align-items:center; gap:1rem; max-width:100%; min-height:52px; margin-top:2rem; padding:1rem 1.25rem; border:0; border-radius:8px; background:#111426; color:#fff; font-size:.95rem; font-weight:700; text-align:left; cursor:pointer; transition:background .2s; }
.fractionl-offerings .pricing-custom__cta:hover { background:var(--service-blue); }
.fractionl-offerings .pricing-custom__cta span { font-size:1.25rem; }
.fractionl-offerings .pricing-custom__art { position:relative; width:100%; min-width:0; aspect-ratio:1.08; isolation:isolate; container-type:inline-size; }
.fractionl-offerings .project-graphic { position:absolute; width:66%; padding:5%; border-radius:10px; box-shadow:0 12px 24px #11142618; }
.fractionl-offerings .project-graphic__label { display:flex; justify-content:space-between; align-items:center; font-size:clamp(.65rem,2.6cqw,.9rem); font-weight:800; letter-spacing:.1em; line-height:1.3; }
.fractionl-offerings .project-graphic--website { left:4%; top:5%; transform:rotate(-7deg); background:var(--service-blue); color:white; }
.fractionl-offerings .project-graphic--marketing { right:3%; top:29%; width:53%; transform:rotate(8deg); background:#ffdf45; color:#111426; }
.fractionl-offerings .project-graphic--product { left:9%; bottom:5%; transform:rotate(-3deg); background:#111426; color:#e8edff; }
.fractionl-offerings .project-graphic__browser { margin-top:8%; border-radius:5px; background:#e8edff; overflow:hidden; }
.fractionl-offerings .project-graphic__toolbar { display:flex; gap:3%; padding:5%; border-bottom:1px solid #11142626; }
.fractionl-offerings .project-graphic__toolbar i { width:3%; aspect-ratio:1; border-radius:50%; background:var(--service-blue); }
.fractionl-offerings .project-graphic__hero { display:grid; grid-template-columns:1.2fr 1fr; gap:10%; padding:9%; }
.fractionl-offerings .project-graphic__hero b { display:block; height:1.5cqw; margin-bottom:10%; background:#111426; }
.fractionl-offerings .project-graphic__hero b:nth-child(2) { width:70%; }
.fractionl-offerings .project-graphic__hero em { display:block; width:45%; height:3cqw; margin-top:20%; border-radius:2px; background:var(--service-blue); }
.fractionl-offerings .project-graphic__hero > span { aspect-ratio:1; border-radius:50% 50% 8% 50%; background:#ffdf45; }
.fractionl-offerings .project-graphic__campaign { position:relative; height:23cqw; margin-top:8%; overflow:hidden; }
.fractionl-offerings .project-graphic__campaign span { position:relative; z-index:1; font-size:22cqw; line-height:1; font-weight:700; letter-spacing:-.1em; }
.fractionl-offerings .project-graphic__campaign i { position:absolute; right:0; top:5%; width:50%; aspect-ratio:1; border:1px solid #111426; border-radius:50%; }
.fractionl-offerings .project-graphic__campaign i:last-child { top:30%; right:12%; }
.fractionl-offerings .project-graphic__rule { height:1px; margin-top:8%; background:#111426; }
.fractionl-offerings .project-graphic__dashboard { display:grid; grid-template-columns:18% 1fr; gap:7%; margin-top:8%; padding:7%; border-radius:5px; background:#e8edff; }
.fractionl-offerings .project-graphic__sidebar { border-right:1px solid #11142626; padding-right:25%; }
.fractionl-offerings .project-graphic__sidebar i { display:block; height:1cqw; margin-bottom:45%; background:var(--service-blue); }
.fractionl-offerings .project-graphic__workspace > div { display:flex; gap:8%; }
.fractionl-offerings .project-graphic__workspace i { width:28%; height:5cqw; border-radius:3px; background:#b6c6ff; }
.fractionl-offerings .project-graphic__workspace i:nth-child(2) { background:var(--service-blue); }
.fractionl-offerings .project-graphic__workspace i:last-child { background:#ffdf45; }
.fractionl-offerings .project-graphic__workspace > span { display:block; height:1.2cqw; width:65%; margin-block:10%; background:#111426; }
.fractionl-offerings .project-graphic__workspace b { display:block; height:1cqw; margin-top:6%; background:#b6c6ff; }
.fractionl-offerings .pricing-club__category,.fractionl-offerings .pricing-club__scope h3 { line-height:1.3; }
.fractionl-offerings .pricing-commitment,.fractionl-offerings .pricing-availability { line-height:1.55; }
.fractionl-offerings .pricing-custom__price { line-height:1.6; }
@media (max-width: 700px) {
  .fractionl-offerings .pricing-custom__panel { grid-template-columns:minmax(0,1fr); gap:2.5rem; padding:clamp(1.5rem,6vw,2.5rem); }
  .fractionl-offerings .pricing-custom__copy h2 { font-size:clamp(2.5rem,8vw,3.75rem); }
  .fractionl-offerings .pricing-custom__art { max-width:440px; margin-inline:auto; }
}
.fractionl-offerings .pricing-faq { padding-block:var(--section-y); }
.fractionl-offerings .pricing-faq__item { border-bottom:1px solid var(--line); }
.fractionl-offerings .pricing-faq__item:first-child { border-top:1px solid var(--line); }
.fractionl-offerings .pricing-faq__item button { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; width:100%; padding:1.7rem 0; background:transparent; border:0; text-align:left; font:inherit; font-size:1.08rem; font-weight:600; color:var(--ink); cursor:pointer; }
.fractionl-offerings .pricing-faq__item button span { color:var(--service-blue); font-size:1.6rem; font-weight:400; }
.fractionl-offerings .pricing-faq__item button:hover,.fractionl-offerings .pricing-faq__item button[aria-expanded="true"] { color:var(--service-blue); }
.fractionl-offerings .pricing-page button:focus-visible,.fractionl-offerings .pricing-page a:focus-visible { outline:3px solid var(--service-blue); outline-offset:5px; }
.fractionl-offerings .pricing-faq__item p { padding:0 2rem 1.8rem 0; color:var(--ink-soft); line-height:1.75; }
.fractionl-offerings .pricing-page .contact button:focus-visible { outline-color:#ffdf45; }
@media (max-width:860px) {
  .fractionl-offerings .pricing-club--product .overview-service__grid,.fractionl-offerings .pricing-split { grid-template-columns:1fr; }
  .fractionl-offerings .pricing-steps { gap:1.5rem; }
}
@media (max-width:540px) {
  .fractionl-offerings .pricing-list,.fractionl-offerings .pricing-steps { grid-template-columns:1fr; }
  .fractionl-offerings .pricing-addon-list { gap:2.5rem 1.5rem; }
  .fractionl-offerings .pricing-steps h3 { margin-top:1rem; }
  .fractionl-offerings .pricing-faq__item button { font-size:1rem; }
}
.fractionl-offerings .solutions-page .services-overview__hero-copy h1 { max-width:12ch; }
.fractionl-offerings .solutions-page .eyebrow { color:var(--service-blue); }
.fractionl-offerings .solutions-page .contact .eyebrow { color:#fff; }
.fractionl-offerings .solution,.fractionl-offerings .pricing-club { scroll-margin-top:110px; }
.fractionl-offerings .solution .overview-service__grid { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:clamp(2.5rem,6vw,6rem); }
.fractionl-offerings .solution:nth-child(even) .overview-service__grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.fractionl-offerings .solution .overview-service__copy h2 { font-size:clamp(2.5rem,4.2vw,4.3rem); }
.fractionl-offerings .solution__list-title { margin:1.8rem 0 .8rem; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
.fractionl-offerings .solution .pricing-list { gap:.4rem; }
.fractionl-offerings .solution .pricing-list li { font-size:1rem; }
.fractionl-offerings .solution .overview-service__link { max-width:100%; }
.fractionl-offerings .solution-work { overflow:hidden; background:var(--service-blue); isolation:isolate; }
.fractionl-offerings .solution-work::before { content:""; position:absolute; width:85%; aspect-ratio:1; border-radius:50%; background:#ffdf45; right:-20%; bottom:-25%; z-index:-1; }
.fractionl-offerings .solution-work--product { background:#e9eaff; }
.fractionl-offerings .solution-work--product::before { background:var(--service-blue); }
.fractionl-offerings .solution-work__frame { position:absolute; width:82%; overflow:hidden; border:1px solid var(--line); border-radius:6px; background:#fff; }
.fractionl-offerings .solution-work__frame figcaption { display:flex; justify-content:space-between; gap:.5rem; padding:.75rem 1rem; font-size:.8rem; font-weight:600; color:#111426; background:#fff; }
.fractionl-offerings .solution-work__frame img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.fractionl-offerings .solution-work__frame--back { top:6%; left:4%; transform:rotate(-5deg); }
.fractionl-offerings .solution-work__frame--front { top:35%; right:3%; width:72%; transform:rotate(4deg); }
.fractionl-offerings .solution-work__note { position:absolute; bottom:4%; left:5%; padding:.6rem .85rem; background:#ffdf45; color:#111426; font-size:.85rem; font-weight:600; }
.fractionl-offerings .solution-creative .creative-poster,.fractionl-offerings .solution-creative .creative-social,.fractionl-offerings .solution-creative .creative-slide { box-shadow:none; }
.fractionl-offerings .solution-creative .creative-social { background:#111426; color:#fff; }
.fractionl-offerings .solution-creative .creative-slide i { background:var(--service-blue); }
.fractionl-offerings .solution-creative .creative-poster small,.fractionl-offerings .solution-creative .creative-social span,.fractionl-offerings .solution-creative .creative-slide small { font-size:.75rem; }
.fractionl-offerings .solution-creative .creative-poster { padding:6%; }
.fractionl-offerings .solution-creative .creative-strip { font-size:.75rem; letter-spacing:.07em; }
.fractionl-offerings .solutions-page a:focus-visible,.fractionl-offerings .solutions-page button:focus-visible { outline:3px solid var(--service-blue); outline-offset:5px; }
.fractionl-offerings .solutions-page .contact button:focus-visible { outline-color:#ffdf45; }
@media (max-width:900px) {
  .fractionl-offerings .solution .overview-service__grid,.fractionl-offerings .solution:nth-child(even) .overview-service__grid { grid-template-columns:minmax(0,1fr); }
  .fractionl-offerings .solution .overview-service__visual { width:100%; max-width:650px; }
  .fractionl-offerings .solution .overview-service__visual > div { min-height:0; aspect-ratio:1; }
}
@media (max-width:540px) {
  .fractionl-offerings .solution-work__frame figcaption { padding:.5rem; font-size:.75rem; }
  .fractionl-offerings .solution-work__note { font-size:.75rem; }
  .fractionl-offerings .solution-creative .creative-poster strong { font-size:2rem; }
  .fractionl-offerings .solution-creative .creative-social b { margin-top:15%; font-size:2.5rem; }
  .fractionl-offerings .solution-creative .creative-strip { font-size:.65rem; }
}
.fractionl-offerings .pricing-one-time { padding-top:0; padding-bottom:var(--section-y); }
@media (min-width:1000px) {
  .fractionl-offerings .pricing-club { padding:1.5rem; row-gap:1rem; }
  .fractionl-offerings .pricing-club h2 { max-width:none; margin-top:.5rem; font-size:2.4rem; }
  .fractionl-offerings .pricing-club .pricing-price { column-gap:.65rem; row-gap:.2rem; }
  .fractionl-offerings .pricing-club .pricing-price del { flex-basis:auto; font-size:1.1rem; }
  .fractionl-offerings .pricing-club .pricing-price strong { font-size:3rem; }
  .fractionl-offerings .pricing-club__description { font-size:.94rem; line-height:1.55; }
  .fractionl-offerings .pricing-club .pricing-list { gap:.45rem; }
  .fractionl-offerings .pricing-club .pricing-list li { font-size:.9rem; line-height:1.5; }
  .fractionl-offerings .pricing-club__scope { padding-top:1rem; }
  .fractionl-offerings .pricing-club__scope p { margin-top:.5rem; font-size:.875rem; line-height:1.55; }
  .fractionl-offerings .pricing-club .pricing-join { margin-top:.6rem; min-height:44px; padding:.75rem 1rem; font-size:.94rem; }
}

.fractionl-offerings .solution button.overview-service__link { border:0; cursor:pointer; }
.fractionl-offerings .solutions-page .solution { padding-block:clamp(3.75rem,7.5vw,7.5rem); }
.fractionl-offerings .solutions-page .solution__list-title { margin-top:1.25rem; }
.fractionl-offerings .solutions-page .solution__addons { margin-top:1.25rem; color:var(--ink-soft); line-height:1.65; }
.fractionl-offerings .solutions-page .overview-service__description { line-height:1.65; }