@media (max-width:760px) {
  :root:root :is(h1,h2,h3,.journey-card__title) { text-wrap:balance; }
  :root:root :is(p,.plan-included li,.business-models__item,.comparison__table td) { text-wrap:pretty; }
  :root:root :is(.hero-next__description,.process__intro,.migration__header,.closing__description) br { display:none; }
  :root:root .hero-loop { justify-self:center; left:auto; right:auto; margin-inline:auto; transform:none; width:100%; max-width:none; }
  :root:root .hero-next--video .hero-next__copy { width:100%; }
  :root:root .guarantee__main { padding:32px 24px; gap:32px; }
  :root:root .guarantee__art { margin-inline:auto; justify-self:center; width:100%; }
  :root:root .guarantee__seal { margin-inline:auto; max-width:340px; }
  :root:root .guarantee__signature { white-space:normal; text-align:center; font-size:10px; letter-spacing:.08em; }
  :root:root .closing__art { margin:0 auto; width:100%; height:300px; }
  :root:root .closing__art :is(img,video) { left:50%; top:50%; width:100%; height:100%; max-width:none; transform:translate(-50%,-50%); object-fit:contain; }
  :root:root .closing__art::after { background:none; }
  :root:root .migration__offer { width:100%; max-width:420px; margin-inline:auto; }
  :root:root .process-scene { display:flex; align-items:center; justify-content:center; }
  :root:root .integrations-wall__visual { align-self:center; margin-inline:0; }
  :root:root .directory-close { width:44px; height:44px; }
  :root:root .cities-controls { grid-template-columns:minmax(0,1fr) minmax(120px,40%); }
}
@media (max-width:700px) {
  :root:root .features--journey .journey-card__panel { padding:0 4px 24px; }
  :root:root .journey-card--sales .journey-visual,
  :root:root .journey-card--closing .journey-visual { display:none; }
  :root:root .journey-emission { margin-inline:auto; width:100%; }
}
@media (max-width:600px) {
  :root:root .has-hero-next .navbar .navigation {
    display:flex; position:absolute; top:100%; left:0; right:0; z-index:10;
    flex-direction:column; align-items:stretch; gap:0; padding:8px;
    border:1px solid #e1e7ef; border-radius:12px; background:#fffffff5;
    box-shadow:0 16px 36px #33415518; backdrop-filter:blur(18px);
    opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:none;
    transition:opacity 220ms ease,transform 220ms ease,visibility 220ms;
  }
  :root:root .has-hero-next .navbar .navigation[data-open="true"] { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
  :root:root .has-hero-next .navbar .navigation__link { display:block; min-height:44px; }
  :root:root .navbar__toggle { width:44px; height:44px; flex:0 0 44px; background:#fff; border-color:#e1e7ef; color:#536176; transition:background 180ms ease; }
  :root:root .hero-next--video h1 { font-size:clamp(32px,8.7vw,48px); line-height:1.15; }
  :root:root .hero-next--video .hero-next__actions { gap:12px; }
  :root:root .hero-loop { margin-top:0; margin-bottom:-20px; }
  :root:root .pricing-options__toolbar { gap:20px; }
  :root:root #planos .pricing-plan { min-width:0; }
  :root:root .closing h2 { font-size:clamp(40px,11vw,60px); }
  :root:root .closing__actions { gap:12px; }
  :root:root .guarantee h2 { font-size:clamp(32px,8.5vw,44px); }
}
@media(max-width:760px) {
  :root:root { --hero-gutter:20px; }
  :root:root .container, :root:root .notasy-footer__inner, :root:root .has-hero-next .navbar, :root:root .hero-next--video .hero-next__layout { width:calc(100% - 40px); margin-inline:auto; padding-inline:0; }
  :root:root .parceiros { --wrap-pad:20px; }
  :root:root .navbar .brand { gap:12.01px; }
  :root:root .brand img:first-child { width:26.1776px; height:31.5123px; }
  :root:root .brand img:last-child { display:block; width:71.801px; height:16.5538px; }
  :root:root .navbar__toggle { margin-left:auto; }
  :root:root .hero-loop { overflow:hidden; }
  :root:root .hero-loop > .hero-loop__image { width:135%; max-width:none; left:-35%; }
  :root:root .process-card { position:sticky; top:calc(16px + var(--card-index)*12px); margin-bottom:0; }
  :root:root .process__cards { gap:24px; padding-bottom:0; }
  :root:root #planos .pricing-plan { padding:24px 20px; display:flex; flex-direction:column; }
  :root:root #planos .pricing-plan > header { min-height:44px; padding:0 47% 0 0; margin:0 0 20px; display:flex; align-items:center; }
  :root:root #planos .pricing-plan > header h3 { font-size:18px; }
  :root:root #planos .pricing-plan__saving { top:24px; right:20px; max-width:44%; font-size:9px; line-height:1.4; padding:7px 8px; text-align:center; white-space:nowrap; }
  :root:root .notasy-footer { position:sticky; bottom:var(--mobile-footer-bottom,0px); }
}
@media(max-width:700px) {
  .journey-visual *, .journey-visual *::before, .journey-visual *::after { animation:none!important; }
  .journey-invoice__state--loading { opacity:0!important; }
  .journey-invoice__state--complete { opacity:1!important; transform:none!important; }
}
@media(max-width:600px) {
  :root:root .site-header:has(.navigation[data-open=true]) { z-index:1000; position:relative; }
  :root:root .has-hero-next .navbar .navigation { position:fixed; inset:0; border:0; border-radius:0; padding:104px 28px 40px; gap:8px; background:radial-gradient(ellipse at 100% 0%,#e3e5ff,transparent 65%),#f8fafd; overflow-y:auto; box-shadow:none; backdrop-filter:none; }
  :root:root .has-hero-next .navbar .navigation::before { content:'EXPLORE A NOTASY'; color:#64748b; font-size:11px; letter-spacing:.18em; margin-bottom:20px; }
  :root:root .has-hero-next .navbar .navigation__link { padding:14px 0; font-size:clamp(20px,6vw,28px); letter-spacing:-.03em; border-bottom:1px solid #dde3ef; color:#20293b; }
  :root:root .navbar__toggle { position:relative; z-index:11; }
  :root:root .navbar .brand { position:relative; z-index:11; }
}
@media(max-width:760px) {
  :root:root .hero-loop {
    width:calc(100% + 40px);
    margin-inline:-20px;
    aspect-ratio:1.25;
    height:auto;
    -webkit-mask-composite:source-over;
    mask-composite:add;
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 100%);
    mask-image:linear-gradient(180deg,transparent,#000 22%,#000 100%);
  }
  :root:root .hero-loop > .hero-loop__image {
    width:100%; height:100%; left:0;
    object-fit:cover; object-position:100% center;
    -webkit-mask-image:none;
    mask-image:none;
  }
}

@media (max-width:760px) {
  :root:root #features-title br, :root:root #migration-title br { display:none; }
  :root:root #features-title span, :root:root #migration-title span { display:inline; margin-top:0; }
  :root:root #features-title, :root:root #migration-title { text-wrap:pretty; }
}

@media(max-width:760px) {
  :root:root #planos .pricing-options__plans { grid-template-columns:1fr; gap:20px; align-items:start; }
  :root:root #planos .pricing-plan { padding:20px; }
  :root:root #planos .pricing-plan--featured { margin-top:28px; }
  :root:root #planos .pricing-plan > header { min-height:32px; padding-right:43%; margin:0; }
  :root:root #planos .pricing-plan > header h3 { font-size:22px; line-height:1.25; letter-spacing:-.6px; }
  :root:root #planos .pricing-plan__saving { top:20px; right:20px; left:auto; max-width:40%; padding:5px 7px; font-size:11px; letter-spacing:.02em; line-height:1.35; }
  :root:root #planos .pricing-plan__allowance { margin:18px 0 8px; gap:8px; flex-direction:row; flex-wrap:wrap; align-items:baseline; }
  :root:root #planos .pricing-plan__allowance strong { font-size:32px; font-weight:500; line-height:1.15; }
  :root:root #planos .pricing-plan__allowance > span { font-size:14px; line-height:1.4; }
  :root:root #planos .pricing-plan__price { margin:0; height:auto; min-height:0; gap:5px; }
  :root:root #planos .pricing-plan__price strong { font-size:42px; font-weight:500; letter-spacing:-.045em; line-height:1.15; }
  :root:root #planos .pricing-plan__price > span { font-size:16px; }
  :root:root #planos .pricing-plan__extra { margin:6px 0 0; font-size:14px; line-height:1.5; white-space:normal; }
  :root:root #planos .pricing-plan__equivalent { margin:6px 0 0; padding:0; font-size:14px; line-height:1.5; }
  :root:root #planos .pricing-plan__cta { min-height:48px; align-self:stretch; margin:18px 0 0; padding:10px 14px; font-size:16px; border-radius:8px; }
  :root:root #planos .pricing-plan__cta svg { width:18px; height:18px; }
  :root:root #planos .plan-included { margin-top:16px; padding-top:18px; }
  :root:root #planos .plan-included--care { min-height:0; }
  :root:root #planos .plan-included h4 { font-size:12px; margin-bottom:12px; letter-spacing:.06em; }
  :root:root #planos .plan-included li { font-size:15px; line-height:1.5; }
  :root:root #planos .plan-feature__all { font-size:14px; }
}

@media(max-width:760px) {
  :root:root :is(#comparison-title,#business-models-title,#pricing-options-title,#closing-title) { text-wrap:pretty; }
  :root:root :is(#comparison-title,#business-models-title,#pricing-options-title,#closing-title) > span { display:inline; }
  :root:root :is(#comparison-title,#business-models-title,.pricing-options__intro,#closing-title) br { display:none; }
  :root:root #closing-title > br:first-of-type { display:initial; }
  :root:root #closing-title > span:nth-of-type(2) { color:#657790; }
  :root:root .pricing-options__intro { text-align:left; }
  :root:root .pricing-options__eyebrow { justify-content:flex-start; }
}
@media(max-width:720px) {
  /* Keep horizontal clipping out of the sticky scene's main ancestor.
     Validated on iPhone: clipping main caused page-wide scroll jitter. */
  :root:root main { overflow:visible; }
  :root:root body { overflow-x:clip; }
  :root:root .prch { --card-h:var(--partner-mobile-card-h,clamp(140px,22svh,196px)); }
  :root:root .prch__stage { min-height:var(--partner-mobile-height,100svh); }
  :root:root .prch__stage::before { display:none; }
  :root:root .prch__rows,
  :root:root .prch__track { perspective:none; transform-style:flat; transition:none; }
  :root:root .prch__card {
    --partner-tilt:-1.5deg;
    --partner-offset:-6px;
    transform:translateY(var(--partner-offset)) rotate(var(--partner-tilt)) !important;
    transform-style:flat;
    perspective:none;
    filter:none !important;
    opacity:1 !important;
    animation:none !important;
    transition:none !important;
    will-change:auto;
    backface-visibility:visible;
  }
  :root:root .prch__card:nth-child(even) { --partner-tilt:1.5deg; }
  :root:root .prch__card:nth-child(3n + 2) { --partner-offset:0px; }
  :root:root .prch__card:nth-child(3n) { --partner-offset:6px; }
  :root:root .prch.is-static .prch__card { transform:none !important; }
  :root:root .prch__glare { display:none; }
  :root:root .prch__cap { padding:8px; gap:0; }
  :root:root .prch__name { font-size:12px; line-height:1.2; letter-spacing:-.15px; }
  :root:root .prch__foll, :root:root .prch__handle { font-size:10px; line-height:1.3; color:#cbd5e1; }
  :root:root .prch__handle { margin-top:2px; overflow-wrap:anywhere; }
  :root:root .prch__name .prch__badge { width:11px; height:11px; }
}
