:root{--ink:#090c28;--muted:#656d8c}.landing-page{background:linear-gradient(140deg,#f7fbff,#f1f3ff 70%,#fff8f2)}.site-header{height:70px;background:#ffffffcf;gap:20px}.brand{min-width:200px}.brand strong{font-size:29px;color:#090c28}.brand small{text-transform:none;letter-spacing:0;font-size:10px;color:#454968}.button{border-radius:20px;background-clip:padding-box}.button-telegram{background:linear-gradient(110deg,#00c1ef,#0068ff 50%,#a527ff);box-shadow:0 6px 14px #397af223}.hero-bg{background-image:linear-gradient(90deg,#f9fcffb5,#f9fcff45 45%,#ffffff05),url('/landing-assets/hero/hero-premium.jpg');background-position:center;background-size:cover}.hero-inner{max-width:1320px;grid-template-columns:.85fr 1.15fr;padding:28px 32px 20px;min-height:560px;gap:8px}.hero-copy h1{font-size:clamp(48px,5.5vw,76px);line-height:.94;letter-spacing:-.055em;max-width:570px}.hero-copy h1 span{padding:0;margin:0}.hero-kicker{margin-bottom:10px;color:#5f4e3d;font-size:12px}.hero-lead{color:#151931;font-size:23px;line-height:1.25;max-width:425px;margin:14px 0}.topic-pills{max-width:480px;gap:8px;display:grid;grid-template-columns:repeat(3,1fr)}.topic-pills span{justify-content:center;font-size:11px;padding:10px 8px;border-radius:8px;white-space:nowrap}.hero-actions{gap:12px;margin-top:18px}.hero-actions .button{font-size:13px;padding:0 20px;height:49px}.device-note{margin-top:15px;color:#111631}.device-note span{color:#087bff}.device-note strong{color:#34364c;font-weight:500}.hero-product{height:520px}.hero-phone{height:515px;max-width:53%;object-fit:contain;animation:none}.hero-card{width:170px;padding:13px 10px;border-radius:12px;column-gap:8px;grid-template-columns:30px 1fr;animation:none;box-shadow:0 12px 20px #33385024;background:#fffffff2}.hero-card b{font-size:11px}.hero-card small{font-size:10px;line-height:1.3;color:#6e7183}.hero-card img{width:30px;height:30px;background:none;padding:1px}.card-meeting{left:-1%;top:9%;transform:rotate(4deg)}.card-project{left:0;top:28%;transform:rotate(3deg)}.card-photo{left:0;top:47%;display:flex;flex-direction:column;gap:5px;transform:rotate(2deg)}.card-photo img{width:100%;height:59px;object-fit:cover;border-radius:6px;object-position:center 30%}.card-document{right:0;top:4%;transform:rotate(-4deg)}.card-voice{right:-1%;top:24%;transform:rotate(-3deg)}.card-trip{right:0;top:44%;transform:rotate(-2deg)}.card-person{right:0;top:63%;transform:rotate(2deg)}.card-health{left:auto;right:0;bottom:3%;transform:rotate(3deg)}
.section{padding:25px 32px}.section-title-row{margin-bottom:15px}.section-heading{gap:12px}.section-heading h2{font-size:32px;line-height:1.05;margin-bottom:5px;color:#0b102b}.section-heading p{font-size:15px;line-height:1.35;color:#626c8c}.section-accent{height:29px;width:7px;margin-top:0}.feature-grid{gap:10px;grid-template-columns:repeat(9,minmax(0,1fr))}.feature-grid article{min-height:140px;padding:17px 8px 12px;border-radius:13px;background:#ffffffd9}.feature-grid img{width:43px;height:43px;margin-bottom:12px;filter:saturate(1.5)}.feature-grid h3{font-size:13px}.feature-grid p{font-size:12px;color:#626c8c}.section-platform{grid-template-columns:.68fr 1.15fr;gap:28px;border-radius:0;background:linear-gradient(90deg,#f7fbffed,#f7fbff91),url('/landing-assets/hero/hero-premium.jpg') center/cover;padding-top:28px;padding-bottom:25px;overflow:visible}.platform-copy .section-heading h2{font-size:34px}.platform-copy .section-heading{margin-bottom:10px}.benefit-list{gap:10px;margin-top:14px}.benefit-list li{font-size:14px;padding-left:29px}.benefit-list li:before{width:20px;height:20px}.product-devices{position:relative;align-self:end;padding:10px 95px 0 0;min-width:0}.notebook{position:relative;width:100%;padding-bottom:21px}.notebook-display{position:relative;border:9px solid #242732;border-top-width:14px;border-bottom-width:15px;border-radius:15px 15px 7px 7px;background:#eee;box-shadow:0 14px 24px #282c3b30;overflow:hidden;transform:perspective(1300px) rotateY(-3deg)}.notebook-display img{display:block;width:100%;height:auto;object-fit:contain}.camera{position:absolute;top:-10px;left:50%;width:4px;height:4px;background:#565c70;border-radius:50%}.notebook-keyboard{position:absolute;bottom:7px;left:-5%;width:110%;height:17px;background:linear-gradient(#e4e7ec,#adb1bd 65%,#747b88);border-radius:2px 2px 45% 45%;box-shadow:0 9px 8px #22263924}.notebook-keyboard:after{content:'';position:absolute;left:41%;width:18%;height:5px;background:#9399a5;border-radius:0 0 6px 6px}.platform-mobile{position:absolute;right:0;bottom:4px;width:123px;max-height:90%;object-fit:contain;filter:drop-shadow(0 8px 8px #333b5a30)}
.life-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.life-grid img{height:auto;width:100%;aspect-ratio:1;object-fit:contain;border-radius:15px}.life-grid article>div{padding:8px 5px}.life-grid p{font-size:12px;line-height:1.4;text-align:left}.section-memory-story{margin:5px auto 14px;max-width:1256px;grid-template-columns:1fr 1fr;gap:22px;padding:26px;background:linear-gradient(110deg,#eee8ff,#edf5ff);border:1px solid #fff;border-radius:22px}.memory-story-copy .section-heading h2{font-size:29px}.memory-examples{gap:6px;margin-top:16px}.memory-examples span{font-size:11px;background:#fff9}.memory-demo-stack{gap:10px}.qa-pair:nth-of-type(n+3){display:none}.demo-user{padding:10px 14px;font-size:12px}.demo-answer{padding:13px}.demo-answer p{font-size:12px;line-height:1.45}.demo-answer strong{font-size:12px}.demo-label{font-size:10px}
.plans-faq-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.28fr .82fr;gap:24px;padding:8px 32px}.plans-faq-layout>.section{width:100%;padding:15px 0}.pricing-grid{gap:14px}.pricing-card{padding:21px 20px;border-radius:14px;box-shadow:0 4px 16px #5466aa10}.pricing-top{padding-bottom:13px}.pricing-price{font-size:34px}.pricing-top p{font-size:12px}.pricing-card ul{margin:12px 0;gap:8px}.pricing-card li{font-size:12px;line-height:1.4}.pricing-card .pricing-button{font-size:13px;padding:12px}.plus-card{border:1px solid #ffc041;background:#fffffff2}.plus-badge{font-size:10px;top:12px;right:12px}.pricing-name{font-size:16px}.faq-grid{grid-template-columns:1fr;gap:8px}.faq-grid details{border-radius:10px;background:#fff9}.faq-grid summary{font-size:12px;padding:12px 14px;gap:8px}.faq-grid details p{font-size:12px;line-height:1.5;padding:0 14px 14px}.section-privacy{padding-top:20px;padding-bottom:20px}.privacy-card{padding:22px;gap:18px;border-radius:20px}.privacy-copy h2{font-size:24px}.privacy-copy p{font-size:13px}.privacy-points strong{font-size:12px}.privacy-points small{font-size:11px}.final-cta-section{padding-top:15px;padding-bottom:15px}.final-cta-card{padding:24px;gap:20px}.final-cta-card h2{font-size:29px}.final-cta-card p{font-size:14px}.site-footer{padding-top:15px;padding-bottom:20px}.footer-links{font-size:11px}.reveal{opacity:1;transform:none}
@media(min-width:821px) and (max-width:1120px){.header-actions .button{font-size:10px;padding:0 10px}.brand{min-width:170px}.top-nav{gap:18px}.hero-inner{grid-template-columns:.9fr 1.1fr}.hero-product{height:490px}.hero-phone{height:480px}.hero-card{width:140px;padding:10px 8px}.hero-card b{font-size:10px}.hero-card small{font-size:8px}.topic-pills span{font-size:10px}.hero-actions .button{font-size:11px;padding:0 12px}.product-devices{padding-right:75px}.platform-mobile{width:100px}.plans-faq-layout{gap:18px}.feature-grid h3{font-size:11px}}
@media(max-width:820px){.site-header{height:auto;min-height:66px;flex-wrap:wrap;padding:10px 18px;gap:10px}.brand{min-width:0}.brand strong{font-size:24px}.top-nav{gap:16px;font-size:12px}.top-nav a{font-size:12px}.header-actions{display:none}.hero-inner{grid-template-columns:1fr;padding:30px 20px 20px;gap:20px}.hero-copy{text-align:center}.hero-copy h1{font-size:56px;max-width:none}.hero-copy h1 br:last-of-type{display:none}.hero-lead{margin:16px auto;max-width:450px;font-size:20px}.topic-pills{margin:auto}.hero-product{height:500px;max-width:620px}.hero-phone{height:490px;max-width:52%}.hero-card{width:160px}.hero-actions{justify-content:center}.section{padding:28px 20px}.section-platform{grid-template-columns:1fr;gap:16px}.product-devices{width:100%;max-width:700px;margin:auto;padding-right:90px}.platform-mobile{width:120px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article{min-height:130px}.life-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-memory-story{margin:0 16px;grid-template-columns:1fr;max-width:calc(100% - 32px)}.plans-faq-layout{grid-template-columns:1fr;padding:10px 20px;gap:4px}.pricing-grid{grid-template-columns:1fr 1fr}.section-heading h2{font-size:29px}.privacy-card{grid-template-columns:auto 1fr}.privacy-points{grid-column:1/-1}.final-cta-card{display:grid}.final-actions{display:flex}.final-actions .button{font-size:12px}}
@media(max-width:480px){.top-nav{width:100%;justify-content:space-between;margin:0;padding:5px 0}.hero-copy h1{font-size:46px}.hero-lead{font-size:18px}.hero-product{height:430px}.hero-phone{height:420px;max-width:55%}.hero-card{width:114px;padding:8px 7px;grid-template-columns:22px 1fr;gap:4px}.hero-card img{width:22px;height:22px}.hero-card b{font-size:8px}.hero-card small{font-size:7px}.card-photo img{height:46px;width:100%}.card-meeting,.card-project,.card-photo{left:-4px}.card-document,.card-voice,.card-trip,.card-person,.card-health{right:-4px}.hero-actions .button{padding:0 10px;font-size:11px;width:100%}.topic-pills{gap:6px}.topic-pills span{font-size:9px;padding:9px 5px}.topic-pills img{width:16px;height:16px}.life-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-grid p{font-size:11px}.pricing-grid{grid-template-columns:1fr}.product-devices{padding-right:47px}.platform-mobile{width:76px}.notebook-display{border-width:5px;border-top-width:9px;border-bottom-width:9px;border-radius:9px}.notebook-keyboard{height:12px;bottom:11px}.privacy-card{grid-template-columns:1fr}.final-actions{display:grid;grid-template-columns:1fr}.section-heading p{font-size:14px}}

/* Readable headline at every width; explicit lines preserve dash spacing. */
.hero-bg{background-image:linear-gradient(90deg,rgba(249,251,255,.99) 0%,rgba(249,251,255,.97) 26%,rgba(249,251,255,.89) 42%,rgba(249,251,255,.25) 66%,rgba(249,251,255,.06) 100%),url('/landing-assets/hero/hero-premium.jpg')}
.hero-copy h1{line-height:1.04;letter-spacing:-.045em}
.hero-copy h1 .headline-line{display:block;white-space:nowrap;padding:0;margin:0;background:none;color:#0b102b;-webkit-text-fill-color:#0b102b}
.headline-brand{font-weight:inherit;background:linear-gradient(100deg,#009eff,#5858f2 60%,#993cf3);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-kicker{color:#4d526b}.hero-lead{color:#222943}
@media(max-width:820px){.hero-bg{background-image:linear-gradient(180deg,rgba(249,251,255,.99) 0%,rgba(249,251,255,.97) 36%,rgba(249,251,255,.55) 60%,rgba(249,251,255,.12) 100%),url('/landing-assets/hero/hero-premium.jpg')}.hero-copy h1{font-size:clamp(38px,7.7vw,58px)}}
@media(max-width:480px){.hero-copy h1{font-size:clamp(30px,10vw,46px)}}

/* Slow iridescent typography, with a restrained light sweep. */
.headline-brand{position:relative;display:inline-block;background-image:linear-gradient(110deg,#079de9 0%,#3679f5 22%,#7351e7 47%,#a247e5 65%,#596bf2 83%,#079de9 100%);background-size:240% 100%;background-position:0% 50%;animation:memora-iridescence 14s ease-in-out infinite}
.headline-brand::after{content:'Memora';position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(112deg,transparent 40%,rgba(244,251,255,.12) 45%,rgba(255,255,255,.72) 49%,rgba(235,246,255,.2) 53%,transparent 59%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;animation:memora-light 10s ease-in-out infinite}
@keyframes memora-iridescence{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes memora-light{0%,20%{background-position:100% 50%;opacity:0}25%{opacity:.8}53%{background-position:0% 50%;opacity:.8}60%,100%{background-position:0% 50%;opacity:0}}
@media(prefers-reduced-motion:reduce){.headline-brand,.headline-brand::after{animation:none!important}.headline-brand::after{display:none}}

/* Once-per-visit scroll entrances, with a brief title accent. */
.scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:none}
.section-heading.scroll-reveal h2{background-image:linear-gradient(105deg,#0b102b 0%,#0b102b 35%,#5269c8 47%,#8c59ce 52%,#0b102b 65%,#0b102b 100%);background-size:280% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.section-heading.scroll-reveal.is-visible h2{animation:section-title-light 1.8s ease .2s both}
@keyframes section-title-light{from{background-position:100% 0}to{background-position:0% 0}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}.section-heading.scroll-reveal h2{animation:none!important;background:none;color:#0b102b;-webkit-text-fill-color:#0b102b}}

/* Header lockup: original rounded wordmark and transparent mascot. */
.site-header .brand{gap:11px;min-width:215px}
.site-header .brand .brand-mascot{width:52px;height:52px;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 5px #7064d329);animation:brand-float 7s ease-in-out infinite}
.site-header .brand .brand-wordmark{position:relative;display:block;width:145px;height:33px;overflow:hidden;mix-blend-mode:multiply;background:url('/assets/memora-wordmark.webp') -80px -28px / 230px auto no-repeat}
.brand-wordmark>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.brand-wordmark:after{content:'';position:absolute;inset:-12px -35px;background:linear-gradient(110deg,transparent 35%,#ffffffb8 49%,transparent 62%);transform:translateX(-130%);animation:brand-sheen 9s ease-in-out infinite;pointer-events:none}
.site-header .brand small{font-size:11px;letter-spacing:.025em;margin-top:2px;color:#626581}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}
@keyframes brand-sheen{0%,65%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
@media(max-width:480px){.site-header .brand{min-width:0;gap:9px}.site-header .brand .brand-mascot{width:46px;height:46px}.site-header .brand .brand-wordmark{width:133px;height:30px;background-size:211px auto;background-position:-73px -26px}.site-header .brand small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.site-header .brand .brand-mascot,.brand-wordmark:after{animation:none}.brand-wordmark:after{display:none}}

/* Layered vector eyes keep the brand image crisp during gaze and blinks. */
.site-header .brand .brand-character{position:relative;display:block;flex:0 0 52px;width:52px;height:52px;animation:brand-float 7s ease-in-out infinite}
.site-header .brand .brand-character .brand-mascot{width:100%;height:100%;animation:none}
.brand-face{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.mascot-gaze{animation:mascot-look 12s ease-in-out infinite}
.mascot-eye{transform-box:fill-box;transform-origin:center;animation:mascot-blink 6.8s linear infinite}
@keyframes mascot-look{0%,18%,100%{transform:translate(0,0)}25%,40%{transform:translate(19px,-5px)}47%,61%{transform:translate(0,0)}69%,81%{transform:translate(-18px,3px)}89%{transform:translate(0,0)}}
@keyframes mascot-blink{0%,37%,41%,74%,78%,100%{transform:scaleY(1)}39%,76%{transform:scaleY(.08)}}
@media(max-width:480px){.site-header .brand .brand-character{flex-basis:46px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.site-header .brand .brand-character,.mascot-gaze,.mascot-eye{animation:none}}

/* A visual memory constellation, built from example records. */
.section-features .section-title-row{margin-bottom:18px}
.memory-universe{position:relative;isolation:isolate;height:550px;border-radius:32px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#dfddffb0,transparent 38%),radial-gradient(ellipse at 18% 20%,#e1f5ffb0,transparent 45%),linear-gradient(120deg,#f5faff,#f7f5ff 65%,#effaff);border:1px solid #e4e8f7}
.memory-connections{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.memory-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:240px;text-align:center;z-index:2}
.memory-core img{width:220px;height:220px;margin:auto;object-fit:contain;filter:drop-shadow(0 14px 24px #7069d338)}
.memory-core>span{display:block;margin-top:8px;color:#6e6a99;font-size:13px;letter-spacing:.06em;font-weight:600}
.memory-orbit{position:absolute;z-index:-1;border:1px solid #a2a1ed32;border-radius:50%;width:270px;height:270px;left:50%;top:42%;transform:translate(-50%,-50%)}
.orbit-two{width:340px;height:340px;border-style:dashed;border-color:#9aa3df24}
.memory-note{position:absolute;width:235px;padding:19px 21px;border:1px solid #ffffff;border-radius:20px;background:#ffffffd9;box-shadow:0 10px 25px #5261990e;z-index:3}
.note-type{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.09em;color:#7983a3}.note-type img{width:23px;height:23px}
.memory-note p{font-size:22px;line-height:1.25;letter-spacing:-.025em;font-weight:650;color:#222e50;margin:12px 0 7px}.memory-note small{display:block;font-size:11px;line-height:1.4;color:#858ba1}.note-wave{font-size:16px;line-height:1;color:#a293e4;letter-spacing:2px;margin-top:12px}
.note-idea{left:5%;top:24px;transform:rotate(-3deg)}.note-document{left:2.7%;top:205px;transform:rotate(2deg)}.note-thought{left:19%;bottom:20px;transform:rotate(-2deg)}.note-meeting{right:5%;top:25px;transform:rotate(3deg)}.note-person{right:2.6%;top:205px;transform:rotate(-2deg)}.note-health{right:19%;bottom:20px;transform:rotate(2deg)}
.memory-promise{text-align:center;color:#243252;font-size:clamp(23px,2.5vw,32px);font-weight:750;line-height:1.3;letter-spacing:-.035em;margin:23px 0 5px}.memory-promise span{color:#7961ce}
.memory-universe.is-visible .memory-core{animation:memory-core-enter .9s ease both}.memory-universe.is-visible .memory-note{animation:memory-note-enter .8s cubic-bezier(.2,.7,.2,1) both}.memory-universe.is-visible .note-idea{animation-delay:.2s}.memory-universe.is-visible .note-meeting{animation-delay:.34s}.memory-universe.is-visible .note-document{animation-delay:.48s}.memory-universe.is-visible .note-person{animation-delay:.62s}.memory-universe.is-visible .note-thought{animation-delay:.76s}.memory-universe.is-visible .note-health{animation-delay:.9s}
@keyframes memory-note-enter{from{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes memory-core-enter{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@media(min-width:701px) and (max-width:1050px){.memory-note{width:200px;padding:16px}.memory-note p{font-size:19px}.memory-core{width:200px}.memory-core img{width:185px;height:185px}.note-thought{left:15%}.note-health{right:15%}.memory-orbit{width:225px;height:225px}.orbit-two{width:280px;height:280px}}
@media(max-width:700px){.memory-universe{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 14px 22px;border-radius:25px}.memory-connections{display:none}.memory-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:100%;padding:5px 0 13px}.memory-core img{width:170px;height:170px}.memory-core>span{margin-top:0}.memory-orbit{width:190px;height:190px;top:45%}.orbit-two{width:230px;height:230px}.memory-note{position:relative;inset:auto;transform:none;width:auto;padding:15px 12px;border-radius:16px}.note-type{font-size:8px;letter-spacing:.025em;gap:5px}.note-type img{width:20px;height:20px}.memory-note p{font-size:18px;margin:10px 0 8px}.memory-note small{font-size:10px}.note-wave{font-size:12px;letter-spacing:0}.memory-promise{font-size:24px;margin-top:22px}.memory-promise span{display:block}}
@media(prefers-reduced-motion:reduce){.memory-universe.is-visible .memory-core,.memory-universe.is-visible .memory-note{animation:none}}

/* The mascot gently turns toward different records. */
.memory-universe.is-visible .memory-core img{animation:memory-look-around 15s ease-in-out 1.2s infinite;transform-origin:50% 68%}
@keyframes memory-look-around{0%,12%,100%{transform:perspective(700px) rotateY(0) rotateZ(0) translateY(0)}22%,33%{transform:perspective(700px) rotateY(-15deg) rotateZ(-6deg) translateY(-3px)}44%,49%{transform:perspective(700px) rotateY(0) rotateZ(0) translateY(0)}59%,71%{transform:perspective(700px) rotateY(15deg) rotateZ(6deg) translateY(-3px)}82%,90%{transform:perspective(700px) rotateX(7deg) rotateZ(-3deg) translateY(2px)}}
.note-waveform{display:block;width:164px;max-width:100%;height:30px;margin-top:7px}
/* Keep small interface text on a flat plane to avoid perspective resampling. */
.notebook-display{transform:none}
.notebook-display .desktop-screenshot-link{display:block;cursor:zoom-in}
.notebook-display img{image-rendering:auto;transform:none;filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.memory-universe.is-visible .memory-core img{animation:none}}

/* Wake on first hover or tap; the face stays awake for this page visit. */
.memory-character{position:relative;display:block;width:220px;height:220px;margin:auto;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:50% 68%}
.memory-character:focus-visible{outline:2px solid #8572d9;outline-offset:8px}
.memory-universe.is-visible .memory-core .memory-character>img{animation:none;width:100%;height:100%}
.memory-universe.is-visible .memory-character{animation:memory-look-around 15s ease-in-out 1.2s infinite}
.memory-awake-face{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease;pointer-events:none}
.memory-character.is-awake .memory-awake-face{opacity:1}
.memory-character .mascot-eye,.memory-character .mascot-gaze{animation-play-state:paused}
.memory-character.is-awake .mascot-eye,.memory-character.is-awake .mascot-gaze{animation-play-state:running}
@media(min-width:701px) and (max-width:1050px){.memory-character{width:185px;height:185px}}
@media(max-width:700px){.memory-character{width:170px;height:170px}}
@media(prefers-reduced-motion:reduce){.memory-universe.is-visible .memory-character{animation:none}.memory-awake-face{transition:none}}