/* Makro's Background Transition: viewport-wide fade, .8s spring, no bounce.
   The sampled critical spring below approximates Framer's duration spring. */
body{
  --scene-ground:#fff;
  --scene-ink:#172132;
  --scene-muted:#4f5b6b;
  --scene-soft:#7086a3;
  --scene-accent:#0050cc;
  --scene-button:#fff;
  --example-ground:#fff;
  --scene-ease:linear(0,.09,.265,.442,.594,.713,.801,.864,.908,.939,.96,.973,.983,.989,.993,.995,.997,.998,.999,1,1);
  background-color:var(--scene-ground);
  transition:background-color .8s var(--scene-ease);
}
body.scene-dark{
  --scene-ground:#202e43;
  --scene-ink:#fff;
  --scene-muted:#c2cddd;
  --scene-soft:#b5c9e8;
  --scene-accent:#b5d1ff;
  --scene-button:#3c4c64;
  --example-ground:#202e43;
}
/* Official wordmarks supplied by Robin. Preserve the artwork and switch
   between its dark and white lettering with the existing page theme. */
.brand.official-brand{display:grid;width:144px;flex:none;gap:0}
.brand.official-brand>img,.site-footer .brand.official-brand>img{grid-area:1/1;width:100%;height:auto;border-radius:0}
.official-logo-dark,.official-logo-light{transition:opacity .8s var(--scene-ease)}
.official-logo-light{opacity:0}
body.scene-dark .official-logo-dark{opacity:0}
body.scene-dark .official-logo-light{opacity:1}
.footer-wordmark-logo{display:grid;width:min(80%,720px);flex:none}
.footer-wordmark-logo>img{grid-area:1/1;width:100%;height:auto}
@media(max-width:600px){.site-header .brand.official-brand{width:120px}.site-footer .brand.official-brand{width:144px}}
@media(prefers-reduced-motion:reduce){.official-logo-dark,.official-logo-light{transition:none}}
/* The compact navigation keeps the official mark when the wordmark fades. */
.site-header .brand.official-brand{position:relative;display:block;height:42px;transition:width .6s var(--scene-ease)}
.site-header .brand.official-brand>img{position:absolute;inset:0 auto auto 0;width:144px}
.site-header .brand.official-brand>.official-logo-icon{width:42px;height:42px;opacity:0;transition:opacity .35s ease}
.site-navigation.is-scrolled .brand.official-brand{width:42px}
.site-navigation.is-scrolled .brand.official-brand>:is(.official-logo-dark,.official-logo-light){opacity:0}
.site-navigation.is-scrolled .brand.official-brand>.official-logo-icon{opacity:1}
@media(max-width:600px){
  .site-header .brand.official-brand{height:35px}
  .site-header .brand.official-brand>img{width:120px}
  .site-header .brand.official-brand>.official-logo-icon{width:35px;height:35px}
  .site-navigation.is-scrolled .brand.official-brand{width:35px}
}
@media(prefers-reduced-motion:reduce){.site-header .brand.official-brand,.site-header .brand.official-brand>.official-logo-icon{transition:none}}
/* The background includes the gutters around the preceding module and the
   following example. The cards keep their own light surfaces. */
.everywhere{margin-top:100px;padding:112px 0 100px;background:transparent;color:var(--scene-ink);overflow:hidden;transition:color .8s var(--scene-ease)}
.site-navigation .site-header{
  color:var(--scene-ink);
  transition:translate 1s cubic-bezier(.22,1,.36,1),padding 1s cubic-bezier(.22,1,.36,1),background-color .8s var(--scene-ease),color .8s var(--scene-ease);
}
.site-navigation.is-scrolled .site-header{background-color:var(--scene-ground)}
.site-header nav{color:var(--scene-muted);transition:color .8s var(--scene-ease)}
.site-header nav a:is(:hover,:focus-visible){color:var(--scene-accent)}
.site-header>.small-cta{background-color:var(--scene-button);color:var(--scene-ink);transition:background-color .8s var(--scene-ease),color .8s var(--scene-ease)}
.site-header .cta-fill{color:#172132}
.message-example{background-color:var(--example-ground);transition:background-color .8s var(--scene-ease)}
.message-example .section-heading h2,.problem-heading-copy h2{color:var(--scene-ink);transition:color .8s var(--scene-ease)}
.message-example .section-heading h2 span,.message-example .section-heading>p,.message-example .section-kicker,.problem-heading-copy h2 span,.problem-heading-copy>.problem-description,.problem-heading-copy .section-kicker{color:var(--scene-muted);transition:color .8s var(--scene-ease)}
.everywhere-kicker,.everywhere-heading>p,.everywhere-foot,.everywhere-foot span{transition:color .8s var(--scene-ease)}
@media(max-width:600px){
  .site-header nav{background-color:var(--scene-ground);transition:background-color .8s var(--scene-ease),color .8s var(--scene-ease)}
  .site-header .menu-toggle{background-color:var(--scene-button);transition:background-color .8s var(--scene-ease)}
  .site-header .menu-toggle i{background-color:var(--scene-muted)}
}
/* Keep the correct theme when motion is disabled, without animated fades. */
body.motion-paused,body.motion-paused .site-navigation .site-header,
.motion-paused .site-header nav,.motion-paused .site-header>.small-cta,.motion-paused .site-header .menu-toggle,
.motion-paused .everywhere,.motion-paused .everywhere-kicker,.motion-paused .everywhere-heading>p,
.motion-paused .everywhere-foot,.motion-paused .everywhere-foot span,
.motion-paused .message-example,.motion-paused .message-example .section-heading :is(h2,span,p),.motion-paused .message-example .example-disclaimer{transition:none}
@media(prefers-reduced-motion:reduce){
  body,.site-navigation .site-header,.site-header nav,.site-header>.small-cta,.site-header .menu-toggle,
  .everywhere,.everywhere-kicker,.everywhere-heading>p,.everywhere-foot,.everywhere-foot span,
  .message-example,.message-example .section-heading :is(h2,span,p),.message-example .example-disclaimer{transition:none}
}

/* Six animated Redapting benefits, inspired by Makro's varied card grid. */
.everywhere-heading{text-align:center;max-width:760px;margin:0 auto 56px}
.everywhere-kicker{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--scene-soft)}
.everywhere-kicker>i{width:7px;height:7px;border-radius:50%;background:#a9cbff;box-shadow:0 0 0 5px #a9cbff10}
.everywhere-heading h2{font:400 52px/1.13 var(--display);letter-spacing:-1.8px;margin:0 0 24px}
.everywhere-heading>p{font-size:18px;line-height:1.65;color:var(--scene-muted);max-width:590px;margin:auto;text-wrap:balance}
/* Store skærme: seks kort i tre kolonner, som før 3/10. Under 1101px er "Før mødet"
   og profilkortet skjult, og de fire andre står i to kolonner (23/10). Kolonnerne i
   markup'en giver de små skærmes rækkefølge; på store skærme placeres kortene med navn. */
.everywhere-grid{display:grid;gap:24px}
.everywhere-column{display:contents}
@media(min-width:1101px){
  .everywhere-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:420px auto 420px;grid-template-areas:"companion situation platforms" "companion profile platforms" "brief profile self"}
  .ew-companion{grid-area:companion}.ew-situation{grid-area:situation}.ew-platforms{grid-area:platforms}
  .ew-brief{grid-area:brief}.ew-profile{grid-area:profile}.ew-self{grid-area:self}
}
@media(max-width:1100px){.everywhere-card.ew-brief,.everywhere-card.ew-profile{display:none}}
.everywhere-card{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;color:#243046;text-align:center;padding:32px 28px 0;container-type:inline-size}
.ew-tall{height:600px}.ew-short{height:420px}
.ew-message{background:#f0f5fb}.ew-platforms{background:linear-gradient(150deg,#e7f0fc,#f2f5fa 62%,#e6def0)}
.ew-profile{background:linear-gradient(150deg,#fbf5f0,#f4f3f2 60%,#e6edf9)}
.ew-perspective{background:linear-gradient(160deg,#e2e5fb,#eaf0fb 65%,#d7e4f5)}
.ew-brief{background:#f5f6f8}
.ew-situation{background:#f0f5fb}
.everywhere-card.ew-situation>p{font-size:14px;line-height:1.6;text-wrap:pretty}
.ew-situation-scene{position:absolute;left:18px;right:18px;bottom:24px;text-align:left}
.ew-situation-options{display:flex;justify-content:center;gap:5px;margin-bottom:12px;flex-wrap:wrap}
.ew-situation-options button{border:0;border-radius:20px;background:#e4ecf7;color:#7185a2;padding:8px 10px;font:400 11px/1.3 var(--sans);white-space:nowrap;cursor:pointer;transition:background .5s,color .5s,transform .7s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.ew-situation-options button:hover{color:#3b5d8c;background:#dae7f9}
.ew-situation-options button:focus-visible{outline:2px solid #7d9fcc;outline-offset:3px}
.ew-situation-options button[aria-pressed=true]{background:#fff;color:#3b649e;box-shadow:0 5px 13px #29487610;transform:translateY(-3px)}
.ew-situation-note{position:relative;height:96px;padding:14px 17px;overflow:hidden}
.ew-situation-note>span{display:block;font-size:12px;color:#8496ae}
.ew-situation-note>p{position:absolute;inset:38px 17px auto;font:500 18px/1.35 'Product Display',var(--display);letter-spacing:-.15px;color:#425c7e;opacity:0;transform:translateY(9px);transition:opacity .5s,transform .7s cubic-bezier(.22,1,.36,1)}
.ew-situation-note>p:not([aria-hidden=true]){opacity:1;transform:translateY(0)}
@media(min-width:1101px) and (max-width:1250px){.ew-situation-options button{font-size:10px;padding-inline:7px}.everywhere-card.ew-situation>p{font-size:13px}}
@media(max-width:600px){.ew-situation.ew-short{height:470px}.ew-situation-scene{left:18px;right:18px}}
@media(prefers-reduced-motion:reduce){.ew-situation-options button,.ew-situation-note>p{transition:none}}
.ew-app-label{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:24px;background:#fff9;font-size:14px;font-weight:500;color:#425069}
.ew-app-label>img{width:21px;height:21px;object-fit:contain}
/* På hovedsiden er kortenes etiket en lille blå linje, ikke en pille (som i modulerne). */
#tilgangen .ew-app-label{display:block;padding:0;border-radius:0;background:none;font-size:15px;line-height:1.4;color:var(--blue)}
.ew-app-label>svg{width:16px;height:16px;flex:none;color:#6a7d9c}
.everywhere-card h3{font:500 30px/1.18 'Product Display',var(--display);letter-spacing:-.85px;margin:25px auto 12px;max-width:320px;text-wrap:balance}
.everywhere-card>p{font-size:15px;line-height:1.55;color:#4f5b6b;max-width:310px;margin:0 auto;text-wrap:balance}
.ew-scene{position:absolute;z-index:-1;left:24px;right:24px;bottom:28px;text-align:left;pointer-events:none}
.ew-paper{background:#fff;border-radius:15px;box-shadow:0 12px 30px #2c456e0c}
.ew-byline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#6b7890;line-height:1.4}
.ew-byline img{width:23px;height:23px;object-fit:cover;border-radius:6px;flex:none}
.ew-byline .ew-face{width:28px;height:28px;border-radius:50%}
.ew-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6385ad}
.ew-check svg{width:14px;height:14px;flex:none}
.ew-animate{animation-play-state:paused!important}
.everywhere-card.is-visible .ew-animate{animation-play-state:running!important}
.motion-paused .everywhere .ew-animate{animation:none!important}
.everywhere.is-background .ew-animate{animation-play-state:paused!important}

/* Slack: the loose chips settle into a small stack, like the reference. */
.ew-chip{position:absolute;display:inline-flex;align-items:center;gap:9px;border-radius:30px;padding:10px 16px;font:500 19px/1.2 'Product Display',var(--display);letter-spacing:-.3px;white-space:nowrap;background:#526684;color:#fff;transform:rotate(var(--angle));animation:ew-chip-drop 12s cubic-bezier(.22,1,.36,1) infinite;animation-delay:var(--delay)}
.ew-chip>span{color:#cad9ed;font-family:var(--sans);font-size:17px}

/* Outlook: a short selection and a suggestion beside the draft. */
.ew-message .ew-scene{bottom:28px;height:156px}
.ew-mail{position:absolute;inset:8px 0 0;padding:18px 20px;box-shadow:0 10px 20px #2c456e12;animation:ew-mail-float 10s ease-in-out infinite}
.ew-mail::before,.ew-mail::after{content:'';position:absolute;left:10px;right:10px;top:-8px;height:8px;background:#d9e2ef;border-radius:10px 10px 0 0;z-index:-1}
.ew-mail::after{top:-14px;left:20px;right:20px;height:6px;background:#e2e9f2}
.ew-mail-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8090a7;padding-bottom:12px;border-bottom:1px solid #edf1f7}
.ew-mail-top svg{width:15px;height:15px}
.ew-mail>p{font-size:16px;line-height:1.5;margin-top:12px;color:#485c76}
.ew-selection{background:linear-gradient(90deg,#dce9ff 50%,transparent 50%);background-size:200% 100%;background-position:0 0;animation:ew-select 10s ease-in-out infinite}
.ew-mail-assist{position:absolute;right:12px;bottom:-10px;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:#1f4f98;color:#fff;font-size:12px;box-shadow:0 6px 16px #1f4f9824;animation:ew-assist 10s ease-in-out infinite}
.ew-mail-assist img{width:20px;height:20px;border-radius:5px}

/* Discord: people stay visible around the shared conversation. */
.ew-perspective .ew-scene{height:335px;left:20px;right:20px}
.ew-conversation-arc{position:absolute;top:0;left:0;width:100%;height:190px;overflow:visible;stroke:#99aaca;stroke-width:1.2;stroke-dasharray:3 5;fill:none}
.ew-orbit-face{position:absolute;width:55px;height:55px;border:6px solid #ffffffc9;border-radius:50%;box-shadow:0 8px 18px #526e9a0b;animation:ew-person-float 7s ease-in-out infinite;animation-delay:var(--delay)}
.ew-orbit-face img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ew-orbit-one{left:2%;top:94px;--delay:0s}.ew-orbit-two{left:calc(50% - 27px);top:13px;--delay:-2.2s}.ew-orbit-three{right:2%;top:94px;--delay:-4.4s}
.ew-orbit-mark{position:absolute;top:114px;left:calc(50% - 33px);width:66px;height:66px;padding:14px;background:white;border-radius:18px;box-shadow:0 12px 32px #42589b12;animation:ew-mark-float 7s ease-in-out infinite}
.ew-orbit-mark img{width:100%;height:100%;border-radius:9px}
.ew-perspective-message{position:absolute;bottom:0;left:7px;right:7px;padding:18px 20px;animation:ew-perspective-message 12s ease-in-out infinite}
.ew-channel{font-size:12px;color:#7c8ba3;margin-bottom:11px}
.ew-perspective-message>p{font:500 21px/1.35 'Product Display',var(--display);letter-spacing:-.3px;color:#344660}

/* Notion: three clear steps, with a gentle sequential check. */
.ew-brief .ew-scene{height:166px;bottom:22px}
.ew-note{height:100%;padding:20px 18px;transform:rotate(-3deg);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 25px #2c456e0a}
.ew-note-row{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.4;color:#56677e}
.ew-note-check{width:21px;height:21px;flex:none;background:#e7effb;color:#3e70b6;border-radius:5px;padding:3px}
.ew-note-check svg{width:15px;height:15px;animation:ew-note-check 10s ease-in-out infinite;animation-delay:var(--delay)}
.ew-note-row:nth-child(1){--delay:0s}.ew-note-row:nth-child(2){--delay:.6s}.ew-note-row:nth-child(3){--delay:1.2s}
.ew-platforms .ew-app-pile{left:14px;right:14px;bottom:22px;height:310px}
.ew-platforms .ew-chip{font-size:24px;padding:11px 18px;gap:10px;animation-duration:14s}
.ew-chip>img{width:27px;height:27px;object-fit:contain;background:#fff;border-radius:6px;padding:3px;flex:none}
.ew-chip-outlook{left:6%;bottom:30px;--angle:-7deg;--delay:0s;background:#415d85}
.ew-chip-teams{right:2%;bottom:77px;--angle:5deg;--delay:.15s;background:#667597}
.ew-chip-slack{left:5%;bottom:124px;--angle:-5deg;--delay:.3s;background:#71809b}
.ew-chip-gmail{right:3%;bottom:170px;--angle:5deg;--delay:.45s;background:#516990}
.ew-chip-discord{left:6%;bottom:217px;--angle:-6deg;--delay:.6s;background:#566686}
.ew-chip-discord>img{background:#5865f2}
.ew-chip-notion{right:4%;bottom:260px;--angle:6deg;--delay:.75s;background:#8491a8}
.ew-app-more{position:absolute;bottom:0;left:0;right:0;font-size:12px;text-align:center;color:#71819a}
.ew-profile .ew-scene{height:300px}
.ew-profile-input{display:flex;align-items:center;gap:10px;position:absolute;inset:0 14px auto;padding:19px 16px;color:#7c8797;font-size:13px;transform:rotate(-4deg);animation:ew-input-float 12s ease-in-out infinite}
.ew-profile-input>svg{width:19px;height:19px;flex:none}
.ew-input-lines{display:flex;align-items:flex-end;gap:3px;margin-left:auto;height:25px}
.ew-input-lines i{height:12px;width:4px;background:#adc0da;border-radius:2px}.ew-input-lines i:nth-child(2){height:24px}.ew-input-lines i:nth-child(3){height:18px}
.ew-profile-connector{position:absolute;top:73px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.ew-profile-connector i{height:3px;width:3px;border-radius:50%;background:#7d9ccc;animation:ew-typing 1.5s ease-in-out infinite}
.ew-profile-connector i:nth-child(2){animation-delay:.2s}.ew-profile-connector i:nth-child(3){animation-delay:.4s}
.ew-profile-result{position:absolute;top:104px;left:0;right:0;padding:20px;animation:ew-profile-reveal 12s cubic-bezier(.22,1,.36,1) infinite}
.ew-profile-result .ew-face{width:32px;height:32px}
.ew-profile-result>p{font:500 24px/1.25 'Product Display',var(--display);letter-spacing:-.5px;margin:17px 0 15px;color:#2a3a52}
.ew-profile-tags{display:flex;flex-wrap:wrap;gap:6px}
.ew-profile-tags>span{font-size:12px;line-height:1.4;background:#edf2fa;color:#7184a0;padding:5px 7px;border-radius:6px}
.ew-profile-result>.ew-check{display:flex;margin-top:17px;font-size:12px}
.ew-owner{background:#f6f5f8}
.ew-self{background:#f6f5f8}
.everywhere-card.ew-self>p{font-size:14px;line-height:1.6;text-wrap:pretty}
.ew-self-scene{position:absolute;left:18px;right:18px;bottom:24px;padding:16px 18px;text-align:left}
.ew-self-conversation{display:flex;align-items:center;gap:9px;height:32px}
.ew-self-listener{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef3fb;color:#7795bd}
.ew-self-listener svg{width:18px;height:18px}
.ew-self-listening{font-size:12px;color:#7c8ea8}
.ew-self-voice{display:flex;align-items:center;justify-content:center;gap:3px;width:43px;height:25px;margin-left:auto;margin-right:7px}
.ew-self-voice i{display:block;width:3px;height:12px;border-radius:3px;background:#8da9d1;transform:scaleY(.7);animation:ew-self-answer 9s ease-in-out infinite;animation-delay:var(--beat,0s)}
.ew-self-voice i:nth-child(2){height:20px;--beat:.16s}.ew-self-voice i:nth-child(3){height:26px;--beat:.3s}.ew-self-voice i:nth-child(4){height:19px;--beat:.12s}.ew-self-voice i:nth-child(5){height:10px;--beat:.26s}
.ew-self-speaker{width:32px;height:32px;flex:none;border-radius:50%;animation:ew-self-presence 9s ease-in-out infinite}
.ew-self-speaker img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.ew-self-scene>p{font:500 19px/1.4 'Product Display',var(--display);letter-spacing:-.3px;color:#3f5574;margin:14px 0 0}
@keyframes ew-self-answer{0%,22%,91%,100%{transform:scaleY(.18);opacity:.35}32%,47%,64%,79%{transform:scaleY(1);opacity:1}39%,56%,71%,85%{transform:scaleY(.4);opacity:.65}}
@keyframes ew-self-presence{0%,22%,94%,100%{box-shadow:0 0 0 0 #ccddf400}35%,75%{box-shadow:0 0 0 5px #ccddf466}48%,88%{box-shadow:0 0 0 3px #ccddf433}}
@media(min-width:1101px) and (max-width:1250px){.everywhere-card.ew-self>p{font-size:13px}.ew-self-scene>p{font-size:18px}}
@media(max-width:600px){.ew-self.ew-short{height:470px}}
@media(max-width:360px){.ew-self-scene{padding:16px}.ew-self-scene>p{font-size:18px}}
.ew-owner .ew-scene{height:171px;bottom:25px}
.ew-owner-note{position:relative;height:100%;padding:20px 18px}
.ew-owner-note>p{font:500 22px/1.35 'Product Display',var(--display);letter-spacing:-.35px;margin-top:18px;color:#354963}
.ew-owner-selection{background:linear-gradient(90deg,#e0ebfb 50%,transparent 50%);background-size:200% 100%;animation:ew-select 12s ease-in-out infinite}
.ew-caret{display:inline-block;height:20px;width:1px;background:#3767ad;vertical-align:-3px;margin-left:2px;animation:ew-caret .95s steps(1) infinite}
.ew-cursor{position:absolute;bottom:20px;right:28px;width:23px;height:23px;fill:#3e649b;stroke:#fff;stroke-width:1.5;animation:ew-cursor 12s ease-in-out infinite}
.everywhere-foot{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;text-align:center;margin-top:36px;font-size:15px;line-height:1.6;color:var(--scene-soft)}
.everywhere-foot>span{color:var(--scene-ink)}
.everywhere-foot svg{width:18px;height:18px;color:#91b8f3}

@keyframes ew-typing{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes ew-chip-drop{0%,6%{opacity:0;transform:translateY(-90px) rotate(calc(var(--angle) - 8deg))}18%,87%{opacity:1;transform:translateY(0) rotate(var(--angle))}97%,100%{opacity:0;transform:translateY(8px) rotate(var(--angle))}}
@keyframes ew-mail-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ew-select{0%,15%,100%{background-position:100% 0}35%,85%{background-position:0 0}}
@keyframes ew-assist{0%,28%,100%{opacity:0;transform:translateY(6px)}40%,87%{opacity:1;transform:translateY(0)}}
@keyframes ew-input-float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}
@keyframes ew-profile-reveal{0%,10%{opacity:0;transform:translateY(25px) rotate(3deg)}24%,88%{opacity:1;transform:translateY(0) rotate(0)}98%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes ew-person-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ew-mark-float{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes ew-perspective-message{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-7px) rotate(-1deg)}}
@keyframes ew-note-check{0%,12%,100%{opacity:0;transform:scale(.5)}25%,88%{opacity:1;transform:scale(1)}}
@keyframes ew-caret{0%,45%{opacity:1}46%,100%{opacity:0}}
@keyframes ew-cursor{0%,100%{transform:translate(14px,10px);opacity:0}20%,75%{transform:translate(0,0);opacity:1}85%{transform:translate(-9px,0);opacity:0}}

@media(max-width:1199px){
  .everywhere-grid,.everywhere-column{gap:18px}
  .everywhere-card{padding:28px 22px 0}
  .everywhere-card h3{font-size:28px}
  .ew-scene{left:18px;right:18px}
  .ew-platforms .ew-chip{font-size:21px;padding:10px 14px}
  .ew-profile-result{padding:18px}
  .ew-profile-result>p{font-size:23px}
  .ew-owner-note>p{font-size:21px}
}
@media(max-width:1100px){
  .everywhere-grid{display:block;column-count:2;column-gap:20px}
  .everywhere-column{display:contents}
  .everywhere-card{display:inline-block;width:100%;margin-bottom:20px;vertical-align:top;break-inside:avoid}
  .everywhere-heading h2{font-size:48px}
  .ew-platforms .ew-chip{font-size:24px;padding:11px 18px}
}
@media(max-width:600px){
  .everywhere{margin-top:55px;padding:72px 0 60px}
  .everywhere-heading{margin-bottom:36px}
  .everywhere-heading h2{font-size:38px;letter-spacing:-1.3px;margin-block:0 21px}
  .everywhere-heading>p{font-size:16px}
  .everywhere-kicker{font-size:12px}
  .everywhere-grid{display:grid;grid-template-columns:1fr;column-count:auto;gap:18px}
  .everywhere-card{display:block;margin-bottom:0;border-radius:22px;padding:28px 24px 0}
  .everywhere-card h3{font-size:30px}
  .ew-tall{height:580px}.ew-short{height:420px}.ew-profile{height:610px}
  .ew-perspective .ew-scene{height:310px}
  .ew-profile .ew-scene{left:20px;right:20px}
  .ew-profile-result>p{font-size:24px}
  .everywhere-foot{font-size:14px;gap:7px;margin-top:28px}
}
@media(max-width:360px){
  .everywhere-heading h2{font-size:34px}
  .everywhere-card{padding-inline:20px}
  .everywhere-card h3{font-size:28px}
  .ew-app-label{font-size:13px}
  .ew-platforms{height:600px}.ew-profile{height:640px}.ew-short{height:450px}
  .ew-scene{left:16px;right:16px}
  .ew-platforms .ew-chip{font-size:22px;padding:10px 15px}
  .ew-profile .ew-scene{height:313px;left:16px;right:16px}
  .ew-profile-result>p{font-size:23px}
  .ew-profile-tags>span{font-size:11px}
  .ew-perspective-message{left:0;right:0;padding:18px}
  .ew-perspective-message>p{font-size:20px}
  .ew-note{padding-inline:15px}
  .ew-note-row{font-size:14px;gap:9px}
  .ew-owner-note>p{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.everywhere .ew-animate{animation:none!important}}