.how-inline-link{border-bottom:2px solid var(--brand-orange);color:var(--brand-navy);overflow-wrap:anywhere;align-items:center;gap:.35rem;padding-bottom:.05rem;font-weight:800;text-decoration:none;display:inline-flex}.how-inline-link:hover{color:var(--brand-orange-dark)}.how-inline-link:focus-visible{outline:3px solid var(--brand-orange);outline-offset:3px;border-radius:.25rem}.how-inline-link .features-arrow,.how-role__points .features-check{flex-shrink:0;width:1.1em;height:1.1em}.how-inline-link .features-arrow{transition:transform .2s cubic-bezier(.22,1,.36,1)}.how-inline-link:hover .features-arrow{transform:translate(3px)}.how-journey{gap:1.25rem;max-width:64rem;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.how-journey:before{content:"";border-left:3px dashed color-mix(in srgb, var(--ink) 35%, transparent);position:absolute;top:1.5rem;bottom:1.5rem;left:1.2rem}.how-journey__item{padding-left:3.4rem;position:relative}.how-journey__num{z-index:1;border:2px solid var(--ink);background:var(--brand-orange);width:2.5rem;height:2.5rem;box-shadow:2px 2px 0 var(--ink);font-size:var(--fs-lg);color:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:1rem;left:0}.how-journey__item:nth-child(2n) .how-journey__num{background:var(--brand-blue-dark)}.how-journey__card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--brand-navy);background:#fff;border-radius:1rem;padding:1.15rem 1.15rem 1.1rem}.how-journey__top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.how-journey__icon{border:2px solid var(--ink);background:color-mix(in srgb, var(--brand-blue) 30%, white);border-radius:.7rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex}.how-journey__who{border:2px solid var(--ink);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;background:#fff6e8;border-radius:999px;margin:0;padding:.2rem .65rem;font-weight:800}.how-journey__title{font-size:var(--fs-xl);text-wrap:balance;margin:0 0 .45rem;font-weight:800;line-height:1.22}.how-journey__text{font-size:var(--fs-md);color:color-mix(in srgb, var(--brand-navy) 85%, transparent);margin:0 0 .85rem;line-height:1.6}.how-journey__details{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.how-journey__details li{border:2px dashed color-mix(in srgb, var(--ink) 35%, transparent);font-size:var(--fs-xs);background:#eef6fb;border-radius:999px;padding:.25rem .65rem;font-weight:700;line-height:1.35}@media (min-width:960px){.how-journey{gap:0}.how-journey:before{left:50%;translate:-50%}.how-journey__item{width:calc(50% - 2.75rem);padding-left:0}.how-journey__item+.how-journey__item{margin-top:-3rem}.how-journey__item:nth-child(odd){margin-right:auto}.how-journey__item:nth-child(2n){margin-left:auto}.how-journey__num{width:3rem;height:3rem;font-size:var(--fs-xl);top:1.25rem}.how-journey__item:nth-child(odd) .how-journey__num{left:auto;right:-4.25rem}.how-journey__item:nth-child(2n) .how-journey__num{left:-4.25rem}.how-journey__card{padding:1.35rem 1.35rem 1.25rem}}.how-scene{max-width:46rem;margin:0 auto 2.75rem}.how-scene__window{border:2px solid var(--ink);background:var(--brand-navy);box-shadow:6px 6px 0 var(--ink);border-radius:1.1rem;overflow:hidden}.how-scene__bar{border-bottom:2px solid var(--ink);background:#fff;align-items:center;gap:.4rem;padding:.55rem .85rem;display:flex}.how-scene__bar span{border:2px solid var(--ink);background:var(--brand-orange);border-radius:50%;width:.65rem;height:.65rem}.how-scene__bar span:nth-child(2){background:#f5c842}.how-scene__bar span:nth-child(3){background:var(--brand-blue)}.how-scene__bar p{font-size:var(--fs-xs);color:var(--brand-navy);margin:0 0 0 .45rem;font-weight:800}.how-scene__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.6rem;display:grid}.how-scene__tile{border:2px solid var(--ink);background:color-mix(in srgb, var(--brand-blue) 28%, var(--brand-navy));border-radius:.7rem;justify-content:center;align-items:center;min-height:4.25rem;padding:.4rem .4rem 1.4rem;display:flex;position:relative}.how-scene__tile--teacher{background:var(--brand-blue);outline:3px solid var(--brand-orange);outline-offset:-5px;grid-column:1/-1;min-height:8rem}.how-scene__tile--agent{background:#1b2233;grid-column:1/-1}.how-scene__avatar{border:2px solid var(--ink);width:3.25rem;height:3.25rem;color:var(--brand-navy);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.how-scene__avatar .section-icon{width:1.75rem;height:1.75rem}.how-scene__avatar--small{background:#f5c842;width:1.75rem;height:1.75rem}.how-scene__tile:nth-child(3n) .how-scene__avatar--small{background:var(--brand-orange)}.how-scene__tile:nth-child(3n+1) .how-scene__avatar--small{background:#fff6e8}.how-scene__off{color:#ffffffbf;display:inline-flex}.how-scene__name{max-width:calc(100% - .7rem);font-size:var(--fs-3xs);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#111111b8;border-radius:.3rem;padding:.05rem .4rem;font-weight:800;line-height:1.4;position:absolute;bottom:.3rem;left:.35rem;overflow:hidden}.how-scene__caption{flex-wrap:wrap;justify-content:center;gap:.55rem .75rem;margin-top:1.15rem;display:flex}.how-scene__legend{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-size:var(--fs-xs);color:var(--brand-navy);background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-weight:800;display:inline-flex}.how-scene__legend:before{content:"";border:2px solid var(--ink);border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem}.how-scene__legend--teacher:before{background:var(--brand-orange)}.how-scene__legend--agent:before{background:#1b2233}.how-scene__legend--parent:before{background:#f5c842}@media (min-width:560px){.how-scene__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;padding:.75rem}.how-scene__tile--teacher{grid-area:1/1/span 2/span 2;min-height:0}.how-scene__tile--agent{grid-column:3/span 2}.how-scene__tile{min-height:5.25rem}}.how-roles{gap:1.35rem;margin:0;padding:0;list-style:none;display:grid}.how-role{--how-accent:var(--brand-orange);--how-on-accent:#fff;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--brand-navy);background:#fff;border-radius:1.1rem;overflow:hidden}.how-role:nth-child(2){--how-accent:var(--brand-blue-dark)}.how-role:nth-child(3){--how-accent:var(--brand-navy)}.how-role:nth-child(4){--how-accent:#f5c842;--how-on-accent:var(--brand-navy)}.how-role__head{border-bottom:2px solid var(--ink);background:color-mix(in srgb, var(--how-accent) 16%, white);align-items:center;gap:.85rem;padding:1rem 1.15rem;display:flex}.how-role__icon{border:2px solid var(--ink);background:var(--how-accent);width:2.85rem;height:2.85rem;box-shadow:2px 2px 0 var(--ink);color:var(--how-on-accent);border-radius:.8rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.how-role__icon .section-icon{width:1.5rem;height:1.5rem}.how-role__tag{font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .15rem;font-weight:800}.how-role__title{font-size:var(--fs-xl);margin:0;font-weight:800;line-height:1.2}.how-role__desc{font-size:var(--fs-md);color:color-mix(in srgb, var(--brand-navy) 85%, transparent);margin:0;padding:1rem 1.15rem 0;line-height:1.6}.how-role__points{gap:.5rem;margin:0;padding:.9rem 1.15rem 1.25rem;list-style:none;display:grid}.how-role__points li{font-size:var(--fs-sm);align-items:flex-start;gap:.5rem;font-weight:700;line-height:1.45;display:flex}.how-role__points .features-check{color:var(--brand-orange);margin-top:.1rem}@media (min-width:720px){.how-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.how-phases{gap:2.25rem;margin:0;padding:0;list-style:none;display:grid}.how-phase{--how-accent:var(--brand-blue-dark);--how-on-accent:#fff;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--brand-navy);background:#fff;border-radius:1.1rem;position:relative}.how-phase--pendant{--how-accent:var(--brand-orange)}.how-phase--apres{--how-accent:#f5c842;--how-on-accent:var(--brand-navy)}.how-phase:not(:last-child):after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:.8rem;height:.8rem;position:absolute;bottom:-1.55rem;left:50%;translate:-50%;rotate:45deg}.how-phase__head{border-bottom:2px solid var(--ink);background:var(--how-accent);color:var(--how-on-accent);border-radius:.95rem .95rem 0 0;align-items:center;gap:.8rem;padding:1rem 1.15rem;display:flex}.how-phase__icon{border:2px solid var(--ink);width:2.6rem;height:2.6rem;color:var(--brand-navy);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.how-phase__label{font-size:var(--fs-2xl);margin:0;font-weight:800;line-height:1.05}.how-phase__title{font-size:var(--fs-sm);margin:.15rem 0 0;font-weight:800;line-height:1.3}.how-phase__items{gap:.75rem;margin:0;padding:1.1rem 1.15rem 1.25rem;list-style:none;display:grid}.how-phase__items li{font-size:var(--fs-md);color:color-mix(in srgb, var(--brand-navy) 88%, transparent);padding-left:1.2rem;line-height:1.55;position:relative}.how-phase__items li:before{content:"";border:2px solid var(--ink);background:var(--how-accent);border-radius:.15rem;width:.55rem;height:.55rem;position:absolute;top:.5em;left:0}@media (min-width:900px){.how-phases{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:2.5rem}.how-phase:not(:last-child):after{inset:1.85rem -1.7rem auto auto;translate:0;rotate:-45deg}}.how-tutor{gap:2rem;display:grid}.how-tutor__preview{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:var(--brand-navy);background:#fff;border-radius:1.1rem;overflow:hidden}.how-tutor__bar{border-bottom:2px solid var(--ink);font-size:var(--fs-sm);background:#fff6e8;align-items:center;gap:.55rem;padding:.7rem 1rem;font-weight:800;display:flex}.how-tutor__bar-icon{border:2px solid var(--ink);background:var(--brand-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.how-tutor__bar-icon .section-icon{width:1.1rem;height:1.1rem}.how-tutor__chat{background:#eef6fb;flex-direction:column;gap:.7rem;padding:1rem;display:flex}.how-tutor__bubble{border:2px solid var(--ink);max-width:86%;box-shadow:2px 2px 0 var(--ink);font-size:var(--fs-sm);border-radius:1rem;margin:0;padding:.6rem .85rem;font-weight:700;line-height:1.4}.how-tutor__bubble--tutor{background:#fff;border-bottom-left-radius:.25rem;align-self:flex-start}.how-tutor__bubble--child{background:var(--brand-orange);color:#fff;border-bottom-right-radius:.25rem;align-self:flex-end}.how-tutor__bubble--levels{flex-direction:column;gap:.5rem;display:flex}.how-tutor__levels{flex-wrap:wrap;gap:.35rem;display:flex}.how-tutor__level{border:2px solid var(--ink);font-size:var(--fs-2xs);border-radius:999px;padding:.1rem .55rem;font-weight:800}.how-tutor__level--ok{background:color-mix(in srgb, var(--ws-green) 55%, white)}.how-tutor__level--mid{background:#f5c842}.how-tutor__level--todo{background:color-mix(in srgb, var(--brand-orange) 35%, white)}.how-tutor__bubble--photo{align-items:center;gap:.45rem;display:inline-flex}.how-tutor__bubble--photo .section-icon{width:1.15rem;height:1.15rem}.how-tutor__parent{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:var(--fs-md);color:var(--brand-navy);background:#fff;border-radius:1rem;margin:1.35rem 0 0;padding:1rem 1.1rem;line-height:1.55}.how-tutor__features{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.how-tutor__feature{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--brand-navy);background:#fff;border-radius:1rem;align-items:flex-start;gap:.8rem;padding:1rem 1.05rem;display:flex}.how-tutor__feature-icon{border:2px solid var(--ink);background:color-mix(in srgb, var(--brand-blue) 30%, white);border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.how-tutor__feature-title{font-size:var(--fs-md);margin:.1rem 0 .3rem;font-weight:800;line-height:1.3}.how-tutor__feature-text{font-size:var(--fs-sm);color:color-mix(in srgb, var(--brand-navy) 82%, transparent);margin:0;line-height:1.55}@media (min-width:600px){.how-tutor__features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.how-tutor{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:2.5rem}}.how-cases{gap:1.35rem;margin:0;padding:0;list-style:none;display:grid}.how-case{--how-accent:var(--brand-orange);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--brand-navy);background:#fff;border-radius:1.1rem;padding:1.55rem 1.2rem 1.25rem;position:relative}.how-case:nth-child(4n+2){--how-accent:var(--brand-blue-dark)}.how-case:nth-child(4n+3){--how-accent:#f5c842}.how-case:nth-child(4n){--how-accent:var(--brand-navy)}.how-case:before{content:"";border-bottom:2px solid var(--ink);background:var(--how-accent);border-radius:.95rem .95rem 0 0;height:.55rem;position:absolute;inset:0 0 auto}.how-case__icon{border:2px solid var(--ink);background:color-mix(in srgb, var(--how-accent) 22%, white);border-radius:50%;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;margin:.25rem 0 .8rem;display:inline-flex}.how-case__title{font-size:var(--fs-lg);margin:0 0 .5rem;font-weight:800;line-height:1.25}.how-case__body p{font-size:var(--fs-md);color:color-mix(in srgb, var(--brand-navy) 85%, transparent);margin:0 0 .65rem;line-height:1.55}.how-case__body p:last-child{margin-bottom:0}.how-case__body .how-case__hint{font-size:var(--fs-sm);color:var(--brand-navy);flex-direction:column;align-items:flex-start;gap:.45rem;font-weight:700;display:flex}@media (min-width:640px){.how-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (max-width:399px){.how-journey__item{padding-left:3rem}.how-journey__num{width:2.2rem;height:2.2rem;font-size:var(--fs-base)}.how-journey:before{left:1.05rem}.how-journey__card,.how-tutor__feature{padding:.95rem .9rem}.how-scene__caption{flex-direction:column;align-items:stretch}.how-scene__legend{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.how-inline-link .features-arrow{transition:none}}