:root { --toni-orange: #ff8a18; --toni-dark: #07100d; }
.toni-page { background: var(--v2-paper); }
.toni-page .suite-kicker,.toni-do-dont span { color: #006f60; }
.toni-page .suite-main { overflow: clip; }
.toni-page em { font-style: normal; }
.toni-hero { align-items: center; display: grid; gap: clamp(45px,7vw,100px); grid-template-columns: minmax(0,1fr) minmax(360px,.72fr); min-height: 760px; padding-bottom: 90px; padding-top: 80px; }
.toni-hero-copy h1 { font-size: clamp(4.8rem,8.8vw,9.4rem); font-weight: 550; letter-spacing: -.082em; line-height: .83; margin: 24px 0 34px; }
.toni-hero-copy h1 em,.toni-section-heading h2 em,.toni-boundaries h2 em,.toni-lead h2 em,.toni-faq h2 em { color: var(--v2-aqua-deep); font-weight: 420; }
.toni-proof { border-bottom: 1px solid var(--v2-line); border-top: 1px solid var(--v2-line); display: grid; grid-template-columns: repeat(3,1fr); margin: 52px 0 0; }
.toni-proof div { padding: 20px 18px 20px 0; }
.toni-proof div + div { border-left: 1px solid var(--v2-line); padding-left: 18px; }
.toni-proof dt { font-size: 1.15rem; font-weight: 650; }
.toni-proof dd { color: var(--v2-muted); font-size: .61rem; margin: 6px 0 0; }
.toni-hero-visual { background: radial-gradient(circle at 50% 36%,rgba(255,138,24,.28),transparent 37%),var(--toni-dark); border-radius: 32px; height: 590px; overflow: hidden; position: relative; }
.toni-hero-visual::before { border: 1px solid rgba(255,138,24,.3); border-radius: 50%; content: ""; inset: 12%; position: absolute; }
.toni-hero-visual > span { color: #ffc077; font-family: ui-monospace,Menlo,monospace; font-size: .56rem; left: 26px; letter-spacing: .09em; position: absolute; top: 26px; }
.toni-hero-visual picture { inset: 0; position: absolute; }
.toni-hero-visual img { bottom: -2%; height: 94%; left: 0; object-fit: contain; position: absolute; width: 100%; }
.toni-hero-visual figcaption { align-items: center; backdrop-filter: blur(12px); background: rgba(7,16,13,.72); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; bottom: 22px; color: white; display: flex; font-size: .62rem; gap: 8px; left: 22px; padding: 10px 13px; position: absolute; }
.toni-hero-visual figcaption i { background: var(--v2-lime); border-radius: 50%; height: 6px; width: 6px; }
.toni-fit-strip { background: var(--toni-dark); color: white; }
.toni-fit-strip .suite-kicker { color: var(--v2-aqua); }
.toni-fit-grid { align-items: center; display: grid; grid-template-columns: .7fr repeat(3,1fr); min-height: 150px; }
.toni-fit-grid > * { margin: 0; padding: 30px; }
.toni-fit-grid > * + * { border-left: 1px solid rgba(255,255,255,.14); }
.toni-fit-grid p:not(.suite-kicker) { color: rgba(255,255,255,.72); font-size: .75rem; line-height: 1.55; }
.toni-section-heading { display: grid; gap: 28px; grid-template-columns: 1.2fr .8fr; }
.toni-section-heading .suite-kicker { grid-column: 1/-1; }
.toni-section-heading h2,.toni-boundaries h2,.toni-lead h2,.toni-faq h2 { font-size: clamp(4rem,7vw,7.8rem); font-weight: 520; letter-spacing: -.076em; line-height: .86; margin: 0; }
.toni-section-heading > p:last-child { align-self: end; color: var(--v2-muted); line-height: 1.65; margin: 0; max-width: 540px; }
.toni-demo { background: #e9ede8; padding: 130px 0; }
.toni-demo-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); margin-top: 80px; }
.toni-demo-nav { border-top: 1px solid var(--v2-line); }
.toni-demo-nav button { background: transparent; border: 0; border-bottom: 1px solid var(--v2-line); color: var(--v2-muted); cursor: pointer; display: grid; gap: 9px; grid-template-columns: 34px 1fr; padding: 20px 10px 20px 0; text-align: left; width: 100%; }
.toni-demo-nav button.is-active { border-bottom-color: #006f60; color: var(--v2-ink); }
.toni-demo-nav span { color: #006f60; font-family: ui-monospace,Menlo,monospace; font-size: .58rem; grid-row: 1/3; }
.toni-demo-nav strong { font-size: .85rem; }
.toni-demo-nav small { color: #59645f; font-size: .6rem; }
.toni-demo-stage { background: var(--toni-dark); border-radius: 0 28px 28px 0; color: white; min-height: 510px; padding: clamp(42px,6vw,90px); position: relative; }
.toni-demo-stage::before { border: 1px solid rgba(82,217,199,.12); border-radius: 50%; content: ""; height: 340px; position: absolute; right: -90px; top: -80px; width: 340px; }
.toni-demo-panel { position: relative; z-index: 1; }
.toni-demo-panel[hidden] { display: none; }
.toni-demo-label { color: var(--v2-aqua); font-family: ui-monospace,Menlo,monospace; font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
.toni-demo-panel blockquote { font-size: clamp(2.2rem,4.3vw,4.8rem); font-weight: 440; letter-spacing: -.055em; line-height: 1.02; margin: 50px 0; max-width: 850px; }
.toni-demo-panel ul { border-top: 1px solid rgba(255,255,255,.16); display: grid; gap: 0; grid-template-columns: repeat(3,1fr); margin: 0; padding: 0; }
.toni-demo-panel li { border-left: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.6); font-size: .64rem; line-height: 1.5; list-style: none; padding: 18px; }
.toni-demo-panel li:first-child { border-left: 0; padding-left: 0; }
.toni-ticket { border-top: 1px solid rgba(255,255,255,.16); margin: 45px 0 0; }
.toni-ticket div { border-bottom: 1px solid rgba(255,255,255,.16); display: grid; grid-template-columns: 120px 1fr; padding: 20px 0; }
.toni-ticket dt { color: var(--v2-aqua); font-size: .58rem; }
.toni-ticket dd { font-size: 1rem; margin: 0; }
.toni-boundaries { padding: 130px 0; }
.toni-boundaries-grid { display: grid; gap: 90px; grid-template-columns: .8fr 1.2fr; }
.toni-boundaries h2 { margin-top: 28px; }
.toni-do-dont { display: grid; grid-template-columns: 1fr 1fr; }
.toni-do-dont article { border-left: 1px solid var(--v2-line); padding: 30px; }
.toni-do-dont span { color: #006f60; font-family: ui-monospace,Menlo,monospace; font-size: .58rem; }
.toni-do-dont h3 { font-size: 1.8rem; font-weight: 520; letter-spacing: -.045em; margin: 28px 0; }
.toni-do-dont ul { margin: 0; padding: 0; }
.toni-do-dont li { border-top: 1px solid var(--v2-line); color: var(--v2-muted); font-size: .68rem; line-height: 1.5; list-style: none; padding: 14px 0; }
.toni-trial { background: var(--toni-dark); color: white; padding: 130px 0; }
.toni-trial .suite-kicker { color: var(--v2-aqua); }
.toni-trial .toni-section-heading { display: block; }
.toni-trial .toni-section-heading h2 { margin-top: 28px; }
.toni-trial .toni-section-heading h2 em { color: var(--v2-aqua); }
.toni-trial-grid { display: grid; grid-template-columns: repeat(4,1fr); margin: 80px 0 0; padding: 0; }
.toni-trial-grid li { border-left: 1px solid rgba(255,255,255,.16); list-style: none; min-height: 250px; padding: 24px; }
.toni-trial-grid li:first-child { border-left: 0; padding-left: 0; }
.toni-trial-grid span { color: var(--v2-aqua); font-family: ui-monospace,Menlo,monospace; font-size: .58rem; }
.toni-trial-grid strong { display: block; font-size: 2.3rem; font-weight: 460; letter-spacing: -.055em; margin: 34px 0 22px; }
.toni-trial-grid p { color: rgba(255,255,255,.55); font-size: .68rem; line-height: 1.65; }
.toni-lead { background: #e9ede8; padding: 130px 0; }
.toni-lead-grid { display: grid; gap: clamp(55px,9vw,140px); grid-template-columns: .9fr 1.1fr; }
.toni-lead h2 { margin: 28px 0 38px; }
.toni-lead-copy > p:not(.suite-kicker) { color: var(--v2-muted); line-height: 1.65; }
.toni-lead-copy dl { border-top: 1px solid var(--v2-line); margin-top: 42px; }
.toni-lead-copy dl div { border-bottom: 1px solid var(--v2-line); display: grid; grid-template-columns: 110px 1fr; padding: 16px 0; }
.toni-lead-copy dt { color: var(--v2-muted); font-size: .58rem; }
.toni-lead-copy dd { font-size: .68rem; font-weight: 620; margin: 0; }
.toni-form { background: var(--v2-paper); border-radius: 24px; margin: 0; max-width: none; padding: clamp(28px,5vw,58px); }
.toni-form label { color: #4c5853; }
.toni-form .toni-consent { align-items: start; display: grid; gap: 10px; grid-template-columns: 18px 1fr; line-height: 1.5; }
.toni-form .toni-consent input { min-height: 18px; width: 18px; }
.toni-form-status { border-radius: 10px; font-size: .68rem; line-height: 1.5; margin: 0; padding: 12px; }
.toni-form-status[data-tone="success"] { background: #def2dd; color: #174d2a; }
.toni-form-status[data-tone="error"] { background: #f6dddd; color: #792727; }
.toni-form-fallback { color: var(--v2-aqua-deep); font-size: .7rem; font-weight: 650; }
.toni-faq { padding: 130px 0; }
.toni-faq-grid { display: grid; gap: 100px; grid-template-columns: .8fr 1.2fr; }
.toni-faq h2 { margin-top: 28px; }
.toni-faq details { border-top: 1px solid var(--v2-line); padding: 24px 0; }
.toni-faq details:last-child { border-bottom: 1px solid var(--v2-line); }
.toni-faq summary { cursor: pointer; font-size: 1.05rem; font-weight: 620; list-style: none; padding-right: 30px; position: relative; }
.toni-faq summary::after { content: "+"; position: absolute; right: 0; }
.toni-faq details[open] summary::after { content: "−"; }
.toni-faq details p { color: var(--v2-muted); font-size: .74rem; line-height: 1.7; max-width: 650px; }
.toni-mobile-cta { display: none; }
.izuree-consent { align-items: center; background: rgba(7,16,13,.96); border: 1px solid rgba(255,255,255,.15); border-radius: 18px; bottom: 18px; box-shadow: 0 18px 50px rgba(0,0,0,.28); color: white; display: flex; gap: 24px; left: 18px; max-width: 610px; padding: 16px 18px; position: fixed; z-index: 100; }
.izuree-consent p { font-size: .67rem; line-height: 1.5; margin: 0; }
.izuree-consent a { color: white; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.izuree-consent div { display: flex; gap: 8px; }
.izuree-consent button { background: transparent; border: 1px solid rgba(255,255,255,.26); border-radius: 999px; color: white; cursor: pointer; font: inherit; font-size: .62rem; min-height: 36px; padding: 0 13px; }
.izuree-consent button:last-child { background: var(--v2-lime); border-color: var(--v2-lime); color: var(--v2-ink); }
@media (max-width: 980px) {
  .toni-hero { grid-template-columns: 1fr 340px; }
  .toni-fit-grid { grid-template-columns: 1fr 1fr; }
  .toni-fit-grid > *:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
  .toni-fit-grid > *:nth-child(4) { border-top: 1px solid rgba(255,255,255,.14); }
  .toni-section-heading,.toni-boundaries-grid,.toni-lead-grid,.toni-faq-grid { grid-template-columns: 1fr; }
  .toni-demo-layout { grid-template-columns: 220px 1fr; }
}
@media (max-width: 680px) {
  .toni-page { padding-bottom: 70px; }
  .toni-page .v2-header-actions { display: none; }
  .toni-hero { display: block; min-height: auto; padding-bottom: 70px; padding-top: 65px; }
  .toni-hero-copy h1 { font-size: clamp(3.8rem,17.5vw,4.7rem); overflow-wrap: anywhere; }
  .toni-hero-visual { height: 420px; margin-top: 55px; }
  .toni-fit-grid { grid-template-columns: 1fr; }
  .toni-fit-grid > * { border-left: 0!important; border-top: 1px solid rgba(255,255,255,.14); padding-left: 0; }
  .toni-fit-grid > *:first-child { border-top: 0; }
  .toni-demo,.toni-boundaries,.toni-trial,.toni-lead,.toni-faq { padding: 88px 0; }
  .toni-section-heading { display: block; }
  .toni-section-heading h2,.toni-boundaries h2,.toni-lead h2,.toni-faq h2 { font-size: 4.3rem; margin: 26px 0 34px; }
  .toni-demo-layout { display: block; margin-top: 55px; }
  .toni-demo-nav { display: flex; overflow-x: auto; }
  .toni-demo-nav button { flex: 0 0 150px; }
  .toni-demo-stage { border-radius: 0 0 22px 22px; min-height: 500px; padding: 38px 24px; }
  .toni-demo-panel blockquote { font-size: 2.25rem; margin: 40px 0; }
  .toni-demo-panel ul { grid-template-columns: 1fr; }
  .toni-demo-panel li { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); padding-left: 0; }
  .toni-do-dont,.toni-trial-grid { grid-template-columns: 1fr; }
  .toni-do-dont article { border-left: 0; border-top: 1px solid var(--v2-line); padding-left: 0; }
  .toni-trial-grid li { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); min-height: 0; padding: 28px 0; }
  .toni-lead-copy dl div { grid-template-columns: 90px 1fr; }
  .toni-form { border-radius: 18px; padding: 28px 20px; }
  .toni-mobile-cta { align-items: center; background: var(--v2-lime); bottom: 12px; border-radius: 999px; box-shadow: 0 14px 32px rgba(0,0,0,.25); color: var(--v2-ink); display: flex; font-size: .72rem; font-weight: 720; justify-content: space-between; left: 14px; min-height: 52px; padding: 0 20px; position: fixed; right: 14px; z-index: 80; }
  .izuree-consent { align-items: stretch; bottom: 78px; flex-direction: column; left: 12px; max-width: none; right: 12px; transform: none; width: auto; }
  .izuree-consent div { justify-content: flex-end; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto!important; } }