/* MOTOR-1 · the funnel (/pt/prototipo) and its entry points (navbar button, home hero, contact pages, repair pages).
   Loaded with the ArqWeb shell. Only what site.css does not have; tokens and components are the site's. */

/* navbar: the one primary button, also in the phone bar */
.aw .pil>.btn.mt-cta{display:inline-flex;flex:none;white-space:nowrap;min-height:44px;transition:background .15s,transform .15s cubic-bezier(.2,0,0,1)}
.aw .mt-cta .c{display:none}
.aw .mt-cta:active,.aw .mt-url .btn:active,.aw .mt-form .btn:active{transform:scale(.96)}
@media (max-width:1020px){
  .aw .pil>.btn.mt-cta{margin-left:auto;min-height:44px}
  .aw .pil>.btn.mt-cta+.menu-b{margin-left:6px}
}
@media (max-width:560px){
  .aw .mt-alt span[aria-hidden]{display:none}
  .aw .mt-alt a~a{display:block;width:max-content;margin:10px auto 0;padding:0 2px}
  .aw .mt-cta .l{display:none}
  .aw .mt-cta .c{display:inline}
  .aw .pil>.btn.mt-cta{padding:0 16px}
  .aw .pil .menu-b{padding:0 14px}
}

/* the start field: one address, one button */
.aw .mt-start{margin:0 auto}
.aw .hero>.wrap>.mt-start{margin-bottom:30px}
.aw .mt-go{max-width:600px;margin:0 auto}
.aw .mt-lead{display:block;margin:0 0 12px;font:600 1.05rem/1.4 var(--text);color:var(--ink);text-wrap:balance}
.aw .mt-hero{padding-bottom:56px}
.aw .mt-hero h1{max-width:16ch}
.aw .mt-url{display:flex;gap:8px;padding:8px;background:#fff;border:1.5px solid var(--line2);border-radius:22px;box-shadow:var(--sh);transition:border-color .15s,box-shadow .15s}
.aw .mt-url:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-l),var(--sh)}
.aw .mt-url input{flex:1;min-width:0;border:0;background:transparent;font:500 1.12rem var(--text);color:var(--ink);padding:0 14px;min-height:50px;outline:0}
.aw .mt-url input::placeholder,.aw .mt-form input::placeholder,.aw .mt-form textarea::placeholder{color:#66788f;opacity:1}
.aw .mt-url .btn{flex:none;white-space:nowrap}
.aw .mt-url .btn[disabled]{opacity:.7;cursor:progress;transform:none}
.aw .mt-err{max-width:600px;margin:14px auto 0;color:#a8261b;font-weight:600;font-size:.98rem}
.aw .mt-alt{margin:18px 0 0;color:var(--soft);font-size:.98rem}
.aw .mt-alt a,.aw .mt-switch{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:11px 2px;margin:-11px 0}
.aw .mt-switch{font:inherit;font-weight:700;background:none;border:0;cursor:pointer;min-height:44px;padding:0 8px;margin:-10px 0;border-radius:8px}
.aw .mt-alt a:hover,.aw .mt-switch:hover{color:var(--blue-d)}
.aw .mt-other{margin:4px 2px 0;color:var(--soft);font-size:.95rem;line-height:1.5}

/* contact pages: the start of the funnel in a card, left aligned */
.aw .mt-startcard{background:#fff;border-radius:28px;padding:32px;box-shadow:0 0 0 1px var(--line),var(--sh);display:grid;gap:16px;text-align:left}
.aw .mt-startcard h2{font:620 1.6rem/1.15 var(--display);letter-spacing:-.02em;margin:0}
.aw .mt-startcard .mt-go{max-width:none;margin:0}
.aw .mt-startcard .mt-start{margin:0}
.aw-legacy .mt-startcard{max-width:640px;margin:28px 0 8px}
.aw .mt-startcard .mt-lead{font-weight:400;color:var(--soft);margin-bottom:16px}
.aw .mt-startcard .mt-alt{margin:14px 0 0}
.aw .mt-startcard .mt-other{margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}
.aw-legacy .legacy-form:has(.mt-startcard){background:none;border:0;padding:0}

/* the steps without a reading (no site yet, repair pages) and the one contact step */
.aw .mt-sheet{max-width:560px;margin:8px auto 0;text-align:left}
.aw .mt-ns{padding-bottom:96px}
.aw .mt-ns .mt-alt{text-align:center}
.aw .mt-form label small{font-weight:400}
.aw .mt-form textarea{resize:vertical;min-height:96px}
.aw .mt-form [aria-invalid=true]{border-color:#a8261b}
.aw .mt-form .f-consent input[aria-invalid=true]{outline:2px solid #a8261b;outline-offset:2px}
.aw .mt-form .chk{min-height:44px}
.aw .mt-form .chk input{flex:none;width:18px;height:18px;accent-color:var(--blue)}
/* a field that takes the focus after an error must not land under the fixed header */
.aw .mt-form,.aw .mt-form input,.aw .mt-form textarea,.aw .mt-form h3,.aw .mt-url input{scroll-margin-top:128px}
.aw .mt-step{font:700 .78rem var(--text);letter-spacing:.04em;color:var(--soft)}
.aw .mt-actions{display:flex;gap:10px;justify-content:flex-end}
.aw .mt-actions.two{justify-content:space-between}
.aw .mt-form .btn[disabled]{opacity:.7;cursor:progress;transform:none}
.aw .mt-form .f-ok:focus{outline:0}
.aw .mt-form .f-ok p{margin:0;font-size:1.08rem;line-height:1.5;overflow-wrap:anywhere}
.aw .mt-form .f-ok .soft{color:var(--soft);font-size:.98rem}
.aw .mt-tick{width:44px;height:44px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4l2.6 2.6L11 4.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat;animation:mt-pop .4s cubic-bezier(.2,0,0,1) both}
@keyframes mt-pop{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:none}}
.aw .mt-repair.on>.mt-other{display:none}

.aw .mt-stage{scroll-margin-top:96px}
.aw .mt-stage.on{padding:8px 0 96px}

/* reading phases */
.aw .mt-scan{max-width:460px;margin:0 auto;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--line),var(--sh);animation:mt-rise .45s cubic-bezier(.2,0,0,1) both}
@keyframes mt-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.aw .mt-phases{list-style:none;margin:0;padding:22px 24px;display:grid;gap:16px;text-align:left}
.aw .mt-phases li{display:flex;align-items:center;gap:12px;color:#66788f;font-weight:600;transition:color .25s}
.aw .mt-phases li>span{flex:1;min-width:0}
/* what each phase is looking for: a row of small shapes that wake up in turn, then settle */
.aw .mt-sk{display:flex;gap:5px;align-items:center;flex:none}
.aw .mt-sk b{display:block;width:14px;height:14px;border-radius:50%;background:var(--line);transition:background .3s}
.aw .mt-sk.k0 b{width:22px;height:6px;border-radius:3px}
.aw .mt-sk.k0 b:nth-child(n+3){display:none}
.aw .mt-sk.k2 b{border-radius:4px;height:14px}
.aw .mt-sk.k2 b:nth-child(1){width:20px}
.aw .mt-sk.k2 b:nth-child(2){width:34px;height:8px}
.aw .mt-sk.k2 b:nth-child(n+3){display:none}
.aw .mt-sk.k3 b{width:26px;height:12px;border-radius:999px}
.aw .mt-sk.k3 b:nth-child(n+3){display:none}
.aw .mt-phases li.on .mt-sk b{animation:mt-wake 1.2s ease-in-out infinite}
.aw .mt-phases li.on .mt-sk b:nth-child(2){animation-delay:.15s}
.aw .mt-phases li.on .mt-sk b:nth-child(3){animation-delay:.3s}
.aw .mt-phases li.on .mt-sk b:nth-child(4){animation-delay:.45s}
.aw .mt-phases li.done .mt-sk b{background:var(--blue-l)}
.aw .mt-phases li.done .mt-sk.k1 b:nth-child(1){background:var(--blue)}
.aw .mt-phases li.done .mt-sk.k1 b:nth-child(2){background:var(--mint)}
.aw .mt-phases li.done .mt-sk.k1 b:nth-child(3){background:var(--ink)}
@keyframes mt-wake{0%,100%{background:var(--line)}50%{background:var(--blue-l)}}
.aw .mt-phases li i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);transition:background .25s,border-color .25s}
.aw .mt-phases li.on{color:var(--ink)}
.aw .mt-phases li.on i{border-color:var(--blue);border-top-color:transparent;animation:mt-spin .8s linear infinite}
.aw .mt-phases li.done{color:var(--soft)}
.aw .mt-phases li.done i{border-color:var(--mint);background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4l2.6 2.6L11 4.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
@keyframes mt-spin{to{transform:rotate(360deg)}}

/* result */
.aw .mt-head{text-align:center;max-width:44rem;margin:0 auto 36px}
.aw .mt-head h2{font-size:clamp(1.7rem,3.6vw,2.6rem);margin-top:12px;overflow-wrap:anywhere}
.aw .mt-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.aw .mt-id{display:grid;gap:16px}
.aw .mt-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.aw .mt-card.on,.aw .mt-pv.on,.aw .mt-ask.on{opacity:1;transform:none}
.aw .mt-card h3{font:700 .72rem/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 16px}
.aw .mt-card p{margin:0;color:var(--ink);font-size:1.05rem;line-height:1.5}
.aw .mt-card .mt-none{color:var(--soft)}
.aw .mt-swbar{display:flex;height:64px;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(11,32,62,.08)}
.aw .mt-swbar i{flex:1 1 0;min-width:28px}
.aw .mt-sw{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.aw .mt-sw li{display:flex;align-items:center;gap:8px}
.aw .mt-sw i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(11,32,62,.14)}
.aw .mt-sw code{font:600 .86rem ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--soft);font-variant-numeric:tabular-nums}
.aw .mt-fonts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.aw .mt-fonts li{display:grid;gap:2px}
.aw .mt-fonts li+li{padding-top:14px;border-top:1px solid var(--line)}
.aw .mt-fonts b{font-size:1.7rem;line-height:1.15;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}
.aw .mt-fonts span{color:var(--soft);font-size:.92rem}
.aw .mt-tone{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.aw .mt-tone li{background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-weight:600;font-size:.92rem}
.aw .mt-quote{color:var(--soft)!important}

/* the sketch */
.aw .mt-pv{margin:0;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);position:sticky;top:104px}
.aw .mt-pv figcaption{margin:2px 0 12px}
.aw .mt-frame{background:#fff;border:1px solid var(--line2);border-radius:18px;overflow:hidden;box-shadow:var(--sh)}
.aw .mt-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f1f4f9;border-bottom:1px solid var(--line)}
.aw .mt-bar i{width:9px;height:9px;border-radius:50%;background:#cfd8e5}
.aw .mt-bar span{margin-left:10px;flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px 12px;font-size:.8rem;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw .mt-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 26px;min-height:62px;font-family:var(--mt-fb)}
/* a hairline shadow: a white logo (made for a dark header) stays readable on the sketch's white bar */
.aw .mt-nav img{max-height:34px;max-width:150px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 0 .6px rgba(11,32,62,.7)) drop-shadow(0 1px 1.5px rgba(11,32,62,.28))}
.aw .mt-nav b{font:700 1.05rem var(--mt-fh);color:#141a22;overflow-wrap:anywhere}
.aw .mt-links{display:flex;gap:20px;font-size:.86rem;color:#4b5563;white-space:nowrap}
.aw .mt-pvhero{background:var(--mt-b1);color:var(--mt-on1);padding:48px 26px 52px;display:grid;gap:14px;justify-items:start}
.aw .mt-pvhero strong{font:600 clamp(1.7rem,3.4vw,2.6rem)/1.08 var(--mt-fh);letter-spacing:-.01em;max-width:16ch;text-wrap:balance;overflow-wrap:anywhere}
.aw .mt-pvhero p{margin:0;max-width:34ch;font:400 1rem/1.5 var(--mt-fb);opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.aw .mt-pvbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font:600 .9rem var(--mt-fb)}
.aw .mt-pvbtns span{padding:10px 18px;border-radius:10px;border:1.5px solid var(--mt-on1)}
.aw .mt-pvbtns .mt-b1{background:var(--mt-on1);color:var(--mt-b1)}
.aw .mt-band{display:flex;height:12px}
.aw .mt-band i{flex:1}
.aw .mt-note{margin:14px 2px 0;color:var(--soft);font-size:.92rem;line-height:1.45}

/* contact */
.aw .mt-ask{max-width:560px;margin:56px auto 0;opacity:0;transform:translateY(10px);transition:opacity .5s ease .15s,transform .5s cubic-bezier(.2,.7,.2,1) .15s;scroll-margin-top:104px}
.aw .mt-askhead{display:grid;gap:8px}
.aw .mt-askhead h3{font-size:1.7rem}
.aw .mt-askhead p{margin:0;color:var(--soft)}
.aw .mt-ask .form small{color:var(--soft);line-height:1.45}

@media (max-width:1020px){
  .aw .mt-grid{grid-template-columns:1fr}
  .aw .mt-pv{position:static;order:-1}
}
@media (max-width:700px){
  .aw .mt-hero{padding-bottom:40px}
  .aw .mt-stage.on{padding-bottom:64px}
  .aw .mt-url{flex-direction:column;border-radius:20px}
  .aw .mt-startcard{padding:22px;border-radius:24px}
  .aw .mt-ns{padding-bottom:64px}
  .aw .mt-actions .btn{flex:1}
  .aw .mt-actions.two .btn{white-space:nowrap;padding:0 14px}
  .aw .mt-actions.two .btn.o{flex:0 0 auto}
  .aw .mt-form{padding:24px 20px}
  .aw .mt-url input{min-height:52px;text-align:center}
  .aw .mt-url .btn{width:100%}
  .aw .mt-card{padding:20px}
  .aw .mt-nav{padding:12px 18px}
  .aw .mt-links span:nth-child(-n+2){display:none}
  .aw .mt-pvhero{padding:36px 18px 40px}
  .aw .mt-ask{margin-top:40px}
  .aw .mt-ask .form{padding:24px 20px}
  .aw .mt-ask .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .aw .mt-card,.aw .mt-pv,.aw .mt-ask{transition:none;transform:none}
  .aw .mt-phases li.on i{animation:none;border-top-color:var(--blue)}
  .aw .mt-phases li.on .mt-sk b,.aw .mt-scan,.aw .mt-tick{animation:none}
  .aw .mt-cta:active,.aw .mt-url .btn:active,.aw .mt-form .btn:active{transform:none}
}

/* ───────── result step, redesign 13/11/2026 (owner: «parece html puro»): generous space, one clear action, restrained
   colour taken from the visitor's own brand, depth and soft motion. Overrides the block above; markup in MotorFunnel.tsx. */
.aw .mt-stage.on{padding:24px 0 112px}
.aw .mt-head{margin-bottom:44px}
.aw .mt-head h2{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.aw .mt-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px}
.aw .mt-pv{order:-1;top:112px;transform:translateY(18px) scale(.985);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.aw .mt-pv figcaption{margin:0 0 14px 4px}
.aw .mt-frame{border:0;border-radius:28px;background:#fff;box-shadow:0 0 0 1px rgba(11,32,62,.08),0 2px 4px rgba(11,32,62,.04),0 24px 48px -16px rgba(11,32,62,.22),0 60px 120px -40px color-mix(in srgb,var(--mt-b1) 55%,transparent)}
.aw .mt-bar{padding:12px 16px;background:linear-gradient(#fbfcfe,#f1f4f9);border-bottom:1px solid rgba(11,32,62,.07)}
.aw .mt-bar i{width:11px;height:11px;background:#d5dce8}
.aw .mt-bar span{border:0;background:rgba(11,32,62,.055);border-radius:999px;padding:5px 14px;text-align:center}
.aw .mt-nav{padding:16px 28px;min-height:66px;border-bottom:1px solid rgba(11,32,62,.06)}
/* two hairlines, light and dark: a white logo and a dark one both stay readable on the white bar */
.aw .mt-nav img{max-height:38px;max-width:170px;filter:drop-shadow(0 0 .7px rgba(11,32,62,.75)) drop-shadow(0 1px 2px rgba(11,32,62,.3))}
.aw .mt-links{gap:22px;font-size:.88rem;font-weight:500}
.aw .mt-links span:last-child{color:#fff;background:var(--mt-b1);color:var(--mt-on1);padding:7px 14px;border-radius:999px}
.aw .mt-pvhero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;justify-items:stretch;gap:20px;padding:56px 32px 60px;
  background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--mt-b2) 62%,transparent) 0%,transparent 62%),radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--mt-b1) 70%,#000) 0%,transparent 70%),linear-gradient(155deg,color-mix(in srgb,var(--mt-b1) 94%,#fff),color-mix(in srgb,var(--mt-b1) 82%,#000))}
.aw .mt-pvtext{display:grid;gap:14px;justify-items:start;min-width:0}
.aw .mt-pvtag{font:600 .74rem/1 var(--mt-fb);letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--mt-on1) 14%,transparent);border:1px solid color-mix(in srgb,var(--mt-on1) 22%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aw .mt-pvhero strong{font:600 clamp(2rem,3.9vw,3.1rem)/1.02 var(--mt-fh);letter-spacing:-.02em;max-width:13ch}
.aw .mt-pvhero p{font-size:1.02rem;line-height:1.5;max-width:32ch;opacity:.86}
.aw .mt-pvbtns{gap:10px;margin-top:10px;font-size:.92rem}
.aw .mt-pvbtns span{padding:12px 20px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mt-on1) 40%,transparent)}
.aw .mt-pvbtns .mt-b1{border-color:transparent;box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}
.aw .mt-pvart{position:relative;aspect-ratio:1/1.05;min-width:0}
.aw .mt-pvart i{position:absolute;border-radius:26px;box-shadow:0 24px 40px -18px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.18)}
.aw .mt-pvart .a1{inset:6% 22% 30% 4%;background:linear-gradient(150deg,color-mix(in srgb,var(--mt-b2) 92%,#fff),var(--mt-b2));transform:rotate(-6deg)}
.aw .mt-pvart .a2{inset:30% 2% 8% 34%;background:linear-gradient(150deg,color-mix(in srgb,var(--mt-on1) 96%,var(--mt-b1)),color-mix(in srgb,var(--mt-on1) 78%,var(--mt-b1)));transform:rotate(5deg)}
.aw .mt-pvart .a3{width:34%;aspect-ratio:1;right:6%;top:2%;border-radius:50%;background:color-mix(in srgb,var(--mt-b2) 60%,var(--mt-on1))}
.aw .mt-pvglass{position:absolute;left:14%;bottom:4%;display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 36px -14px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.7);color:#141a22}
.aw .mt-pvglass b{font:600 2.3rem/1 var(--mt-fh);letter-spacing:-.02em}
.aw .mt-pvglass em{display:flex;gap:5px}
.aw .mt-pvglass u{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.aw .mt-pvrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 28px 26px;background:#fff}
.aw .mt-pvrow span{display:grid;gap:9px;padding:12px;border-radius:16px;background:#f6f8fb}
.aw .mt-pvrow i{display:block;height:58px;border-radius:11px;opacity:.92}
.aw .mt-pvrow b{display:block;height:9px;width:78%;border-radius:5px;background:#c9d2de}
.aw .mt-pvrow u{display:block;height:9px;width:52%;border-radius:5px;background:#e1e7ef}
.aw .mt-band{display:none}
.aw .mt-note{margin:18px 6px 0;text-align:center;font-size:.9rem}
/* what we read: quiet cards, big specimens */
.aw .mt-id{gap:18px}
.aw .mt-card{border:0;border-radius:26px;padding:26px;box-shadow:0 0 0 1px rgba(11,32,62,.07),0 12px 32px -18px rgba(11,32,62,.18);transform:translateY(16px);transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.aw .mt-card h3{margin-bottom:18px}
.aw .mt-sw{margin:0;gap:10px;flex-wrap:nowrap;align-items:flex-start}
.aw .mt-sw li{flex:1 1 0;min-width:0;display:grid;gap:9px;justify-items:start;opacity:0;transform:translateY(12px) scale(.94);transition:opacity .45s ease calc(var(--i)*70ms + .15s),transform .6s cubic-bezier(.16,1,.3,1) calc(var(--i)*70ms + .15s)}
.aw .mt-card.on .mt-sw li{opacity:1;transform:none}
.aw .mt-sw i{width:100%;height:92px;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(11,32,62,.1),0 10px 18px -12px rgba(11,32,62,.35)}
.aw .mt-sw code{font-size:.74rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.aw .mt-fonts{gap:0}
.aw .mt-fonts li{grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:center;padding:6px 0}
.aw .mt-fonts li+li{padding-top:18px;margin-top:12px}
.aw .mt-fonts em{grid-row:span 2;font-style:normal;font-size:3.4rem;line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--ink);min-width:1.5em}
.aw .mt-fonts b{font-size:1.25rem;align-self:end}
.aw .mt-fonts span{align-self:start}
.aw .mt-tone li{background:#fff;box-shadow:inset 0 0 0 1px var(--line2);border:0;padding:7px 14px}
.aw .mt-ask{margin-top:72px}
.aw .mt-ask .form{border-radius:28px;box-shadow:0 0 0 1px rgba(11,32,62,.07),0 30px 60px -30px rgba(11,32,62,.28)}
@media (max-width:1020px){
  .aw .mt-grid{grid-template-columns:1fr;gap:22px}
}
@media (max-width:700px){
  .aw .mt-stage.on{padding-bottom:72px}
  .aw .mt-head{margin-bottom:28px}
  .aw .mt-frame{border-radius:24px}
  .aw .mt-nav{padding:13px 18px;min-height:58px}
  .aw .mt-links span:nth-child(-n+2){display:none}
  .aw .mt-pvhero{grid-template-columns:1fr;padding:34px 20px 0;gap:26px}
  .aw .mt-pvhero strong{font-size:2.15rem}
  .aw .mt-pvart{aspect-ratio:16/10;margin:0 -4px -34px}
  .aw .mt-pvart .a1{inset:4% 46% 0 2%}
  .aw .mt-pvart .a2{inset:16% 2% 0 40%}
  .aw .mt-pvart .a3{width:22%;right:30%;top:0}
  .aw .mt-pvglass{left:8%;bottom:22%}
  .aw .mt-pvrow{position:relative;z-index:1;padding:18px 16px 20px;gap:10px}
  .aw .mt-pvrow i{height:44px}
  .aw .mt-card{padding:22px 20px;border-radius:24px}
  .aw .mt-sw{gap:7px}
  .aw .mt-sw i{height:72px;border-radius:15px}
  .aw .mt-sw li:nth-child(n+5) code{display:none}
  .aw .mt-fonts em{font-size:2.8rem}
  .aw .mt-ask{margin-top:44px}
}
/* last in the file on purpose: the rules of this block that move or fade must lose to it */
@media (prefers-reduced-motion:reduce){
  .aw .mt-card,.aw .mt-pv,.aw .mt-ask{transition:none;transform:none}
  .aw .mt-sw li{transition:none;opacity:1;transform:none}
}