/* LoveXR public site. One stylesheet for the landing pages, the use-case pages and the beta forms. */
@font-face{font-family:Manrope;src:url('/site/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}

:root{
  --ink:#15162c;
  --body:#474a63;
  --muted:#6b6e86;
  --accent:#5b3fe0;
  --accent-deep:#4429c4;
  --accent-soft:#efebff;
  --line:#e4e4ee;
  --paper:#fff;
  --tint:#f6f5fb;
  --night:#11122b;
  --sun:#ff9d6c;
  --radius:14px;
  --shadow:0 1px 2px #15162c0f,0 12px 32px -16px #15162c2e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
p{margin:0 0 20px}
h1,h2,h3{color:var(--ink);margin:0;text-wrap:balance}
h1{font-size:clamp(44px,5.6vw,76px);line-height:1.02;font-weight:750;letter-spacing:-.045em}
h1>span{color:inherit}
h2{font-size:clamp(30px,3.6vw,46px);line-height:1.12;font-weight:700;letter-spacing:-.035em;margin-bottom:20px}
h3{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.02em}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #8f7bf0;outline-offset:3px;border-radius:6px}
.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;left:20px;top:-100px;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;z-index:30;font-weight:600}
.skip:focus{top:10px}

/* Small label above a heading. */
.eyebrow{font-size:14px;font-weight:650;color:var(--accent);letter-spacing:0;margin:0 0 14px}

/* Buttons. The trailing <span> carries an arrow glyph in the markup; it is drawn here as an icon instead. */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:12px;border:1px solid var(--accent-deep);background:var(--accent);color:#fff;font:inherit;font-size:16px;font-weight:650;line-height:1.2;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff38,0 1px 2px #2a178a40,0 10px 24px -10px #5b3fe099;transition:background .15s,box-shadow .15s,transform .1s}
.button:hover{background:var(--accent-deep);color:#fff;box-shadow:inset 0 1px 0 #ffffff2e,0 1px 2px #2a178a40,0 14px 28px -10px #5b3fe0b3}
.button:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #15162c40}
.button span{flex:none;width:18px;height:18px;font-size:0;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat;transition:transform .15s}
.button:hover span{transform:translateX(3px)}
.button-small{min-height:42px;padding:9px 16px;font-size:15px;border-radius:10px;background:var(--ink);border-color:var(--ink);box-shadow:inset 0 1px 0 #ffffff24,0 1px 2px #15162c33}
.button-small:hover{background:#2b2d4a;box-shadow:inset 0 1px 0 #ffffff24,0 6px 16px -8px #15162c80}
.button-small span{width:16px;height:16px}
.button-white{background:#fff;color:var(--ink);border-color:#fff;box-shadow:0 1px 2px #0003,0 12px 28px -12px #0009;white-space:nowrap}
.button-white:hover{background:var(--accent-soft);color:var(--ink);box-shadow:0 1px 2px #0003,0 16px 32px -12px #000a}
:root{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9h11M10 4.5 14.5 9 10 13.5'/%3E%3C/svg%3E")}

.text-link{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:650;color:var(--ink);text-decoration:underline;text-decoration-color:#15162c33;text-underline-offset:5px;text-decoration-thickness:1.5px;transition:color .15s,text-decoration-color .15s}
.text-link:hover{color:var(--accent);text-decoration-color:currentColor}
.text-link span{text-decoration:none}

/* Top bar. */
.nav{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#ffffffd9;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 0 0 100vmax #ffffffd9;clip-path:inset(0 -100vmax)}
.nav::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);box-shadow:0 0 0 100vmax var(--line);clip-path:inset(0 -100vmax)}
.brand img{display:block;object-fit:contain}
.nav nav{display:flex;gap:6px;font-size:15px;font-weight:600;color:var(--body)}
.nav nav a{padding:8px 14px;border-radius:9px;transition:background .15s,color .15s}
.nav nav a:hover{background:var(--tint);color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:18px}
.languages{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:700;color:var(--muted)}
.languages a{padding:4px 9px;border-radius:6px}
.languages a:hover{color:var(--ink)}
.languages a[aria-current=page]{background:var(--ink);color:#fff}

/* Hero: words on the left, the idea taking spatial form on the right. */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:48px;align-items:start;padding-top:72px;text-align:left}
.hero>*{grid-column:1}
.beta-pill{justify-self:start;display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 12px;border:1px solid #dcd5fb;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:14px;font-weight:650;transition:border-color .15s}
.beta-pill:hover{border-color:var(--accent);color:var(--accent-deep)}
.beta-pill span:last-child{display:none}
.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #5b3fe026}
.hero h1{margin:26px 0 24px}
.lead{max-width:34em;margin:0;color:var(--body);font-size:19px;line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:34px}
.access-note{margin:18px 0 0;font-size:14px;color:var(--muted)}

.hero-art{grid-column:2;grid-row:1/span 5;align-self:center;position:relative;margin:8px -24px 0 0}
.hero-art svg{display:block;width:100%;height:auto;overflow:visible}
.hero-art .fl{fill:#f4f1ff;stroke:#cfc6f7;stroke-width:1.2}
.hero-art .sl{fill:#d9d1fa}.hero-art .sr{fill:#c5baf5}
.hero-art .g{stroke:#ddd6fa;stroke-width:1}
.hero-art .w{fill:#5b3fe008;stroke:#b3a6f0;stroke-width:1.2;stroke-dasharray:5 6}
.hero-art .win{fill:#ffd9bf66;stroke:#ffb38a;stroke-width:1.2}
.hero-art .door{fill:#5b3fe01f;stroke:#8f7bf0;stroke-width:1.2}
.hero-art .bl{fill:#cfc6f7}.hero-art .br{fill:#b3a6f0}.hero-art .bt{fill:#e9e4ff}
.hero-art .vl{fill:#5b3fe0}.hero-art .vr{fill:#4429c4}.hero-art .vt{fill:#8f7bf0}
.hero-art .orb{fill:url(#orb)}
.hero-art .ring{fill:none;stroke:#5b3fe0;stroke-width:1.4;opacity:.35}
.hero-art .sh{fill:#15162c14}
.hero-art .tree{fill:#2c2a6b}
.art-prompt{position:absolute;left:0;top:2%;z-index:1;width:min(270px,58%);padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.art-prompt span{display:block;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:4px}
.art-prompt p{margin:0;font-size:15px;line-height:1.45;font-weight:550;color:var(--ink)}
.art-prompt p::after{content:'';display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-.18em;background:var(--accent);animation:caret 1.1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.art-tag{position:absolute;padding:5px 11px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:650;line-height:1.3;box-shadow:0 6px 16px -8px #15162c99}
.art-tag::before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--sun);vertical-align:1px}
.art-tag-o{left:26%;top:44%}
.art-tag-i{left:68%;top:23%}
.art-tag-s{left:66%;top:88%}

/* Who it is for. */
.learning-panel{grid-column:1/-1;margin-top:88px;padding:56px 0 0;border-top:1px solid var(--line);text-align:left}
.learning-panel>h2{max-width:16em;margin-bottom:44px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.steps article{min-width:0}
.steps h3{margin:14px 0 10px}
.steps p{margin:0;font-size:16px;line-height:1.65;color:var(--body)}
.steps p .text-link{display:inline;font-size:inherit}
.number{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:13px;font-weight:700}
.learning-panel>.text-link{margin-top:36px}

/* Platform. */
.section{padding-top:120px;padding-bottom:0}
.section-intro{max-width:620px;margin-bottom:48px}
.section-intro>p:last-child,.faq>div>p:not(.eyebrow){font-size:18px;line-height:1.6;color:var(--body);max-width:32em}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature{position:relative;display:flex;flex-direction:column;min-height:270px;padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff}
.feature-wide{grid-column:span 2}
.feature h3{font-size:23px;margin-bottom:10px}
.feature p{max-width:30em;margin:0;font-size:16px;line-height:1.65;color:var(--body)}
.feature-icon{width:44px;height:44px;margin-bottom:auto;border-radius:12px;background:var(--accent-soft);font-size:0;position:relative}
.feature-icon::after{content:'';position:absolute;inset:11px;background:var(--accent);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.feature-icon+h3{margin-top:36px}
.feature:nth-child(1) .feature-icon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h14v9a2 2 0 0 1-2 2H9l-4 3v-3.4A2 2 0 0 1 4 14z'/%3E%3Cpath d='M8 9h6M8 12h4'/%3E%3C/svg%3E")}
.feature:nth-child(2) .feature-icon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 2.5 19 7v8l-8 4.5L3 15V7z'/%3E%3Cpath d='M3 7l8 4.5L19 7M11 11.5v8'/%3E%3C/svg%3E")}
.feature:nth-child(3) .feature-icon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 14V3.5M6.5 8 11 3.5 15.500 8M4 14v3a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E")}
.feature:nth-child(4) .feature-icon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3 19 7l-8 4-8-4z'/%3E%3Cpath d='M3 11l8 4 8-4M3 15l8 4 8-4'/%3E%3C/svg%3E")}
.feature-tint{background:var(--tint);border-color:var(--tint)}
.feature-tint .feature-icon{background:#fff}
.feature-dark{background:var(--night);border-color:var(--night);overflow:hidden}
.feature-dark::before{content:'';position:absolute;right:-90px;top:-110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,#5b3fe0b3,#5b3fe000)}
.feature-dark>*{position:relative}
.feature-dark h3{color:#fff}
.feature-dark p{color:#c3c2dd}
.feature-dark .feature-icon{background:#ffffff1a}
.feature-dark .feature-icon::after{background:#fff}
.flow-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;font-size:14px;font-weight:650;color:var(--ink)}
.flow-chips span{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff}
.flow-chips span:last-child{background:var(--ink);border-color:var(--ink);color:#fff}
.flow-chips b{width:16px;height:16px;background:var(--muted);-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat;font-size:0}
.feature-tag{align-self:flex-start;margin-top:22px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:650;color:var(--body)}
.feature-dark .feature-tag{border-color:#ffffff33;color:#e6e4ff}
.feature h3 a{text-decoration:underline;text-decoration-color:#15162c33;text-underline-offset:5px;text-decoration-thickness:1.5px}
.feature h3 a:hover{color:var(--accent);text-decoration-color:currentColor}
#use-cases .feature{min-height:0}
#use-cases>h2{margin-bottom:36px}
#use-cases .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.secondary-use{margin:28px 0 0}

/* How it works: a real sequence, so the steps are numbered. */
.how-section{margin-top:120px;padding:104px 0;background:var(--night);color:#c3c2dd}
.how-section h2{color:#fff}
.how-section .eyebrow{color:#b3a6f0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px}
.section-heading h2{margin-bottom:0}
.section-heading>p{margin:0;font-size:17px;line-height:1.6;color:#c3c2dd;text-align:right}
.how-section .steps{margin-top:64px;gap:0;counter-reset:step;border-top:1px solid #ffffff24}
.how-section .steps article{counter-increment:step;padding:36px 36px 0 0}
.how-section .steps article+article{padding-left:36px;border-left:1px solid #ffffff24}
.how-section .steps article::before{content:counter(step);display:block;margin-bottom:28px;font-size:64px;line-height:1;font-weight:300;letter-spacing:-.04em;color:#fff}
.how-section .number{background:#ffffff1a;color:#e6e4ff}
.how-section .steps h3{color:#fff}
.how-section .steps p{color:#c3c2dd}

/* Questions. */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;padding-bottom:120px}
.faq .text-link{margin-top:8px}
.answers{border-top:1px solid var(--line)}
.answers details{border-bottom:1px solid var(--line)}
.answers summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:650;color:var(--ink);transition:color .15s}
.answers summary:hover{color:var(--accent)}
.answers summary::-webkit-details-marker{display:none}
.answers summary::after{content:'';flex:none;width:32px;height:32px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2315162c' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M8 3.5v9M3.5 8h9'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.answers details[open] summary::after{transform:rotate(45deg)}
.answers details p{margin:-4px 56px 24px 0;font-size:16px;line-height:1.7;color:var(--body)}
.answers details p a{color:var(--accent);font-weight:650;text-decoration:underline;text-underline-offset:4px}

/* Closing call to action. */
.closing{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px;border-radius:28px;background:var(--accent);color:#e6e0ff}
.closing::before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff14 1px,transparent 1px) 0 0/100% 44px,linear-gradient(90deg,#ffffff14 1px,transparent 1px) 0 0/44px 100%;-webkit-mask:linear-gradient(100deg,transparent 35%,#000);mask:linear-gradient(100deg,transparent 35%,#000)}
.closing>*{position:relative}
.closing .eyebrow{color:#d6ccff}
.closing h2{color:#fff;font-size:clamp(30px,3.4vw,44px);margin-bottom:12px}
.closing p:last-child{margin:0;font-size:17px;color:#e6e0ff}

.footer{display:flex;align-items:center;gap:28px;padding-top:56px;padding-bottom:40px;font-size:14px;color:var(--muted)}
.footer span{margin-right:auto}
.footer a:not(.brand){font-weight:600;color:var(--body)}
.footer a:not(.brand):hover{color:var(--accent)}

/* Use-case pages. */
.use-case{max-width:880px;padding-block:72px 40px}
.use-case>.eyebrow{margin-top:28px}
.use-case>h1{font-size:clamp(38px,5.4vw,64px);line-height:1.06;margin:16px 0 24px}
.use-case .lead{max-width:36em}
.use-case .hero-actions{justify-content:flex-start}
.use-case-body{display:grid;gap:32px;margin-block:64px}
.use-case-body h2,.product-identity h2{font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.025em;margin-bottom:10px}
.use-case-body p,.product-identity p{font-size:18px;line-height:1.7;color:var(--body);max-width:38em}
.product-identity{padding:32px;border-radius:20px;background:var(--tint)}
.product-identity p:last-child{margin-bottom:0}
.use-case~.section,.use-case+.section{padding-top:40px;padding-bottom:40px}

/* Beta application and admin. */
.beta-form{max-width:650px;padding:56px 24px 96px}
.beta-form h1{font-size:clamp(34px,6vw,50px);line-height:1.08;margin:16px 0 18px}
.beta-form>p{line-height:1.65}
.beta-form form{display:grid;gap:10px;margin-top:32px}
.beta-form label{margin-top:8px;font-size:15px;font-weight:650;color:var(--ink)}
.beta-form input:not([type=checkbox]),.beta-form textarea,.beta-form select{width:100%;min-width:0;padding:13px 14px;border:1px solid #c9c9d8;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}
.beta-form input:not([type=checkbox]):hover,.beta-form textarea:hover,.beta-form select:hover{border-color:#9d9db5}
.beta-form input:not([type=checkbox]):focus,.beta-form textarea:focus,.beta-form select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px #5b3fe033}
.beta-form textarea{resize:vertical}
.beta-form .beta-consent{display:flex;gap:12px;margin-top:10px;line-height:1.55;font-weight:500;color:var(--body)}
.beta-consent input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}
.beta-form .beta-privacy{font-size:14px;line-height:1.65;color:var(--muted)}
.beta-message{padding:18px 20px;border-radius:14px;background:var(--accent-soft);color:var(--ink)}
.beta-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.beta-form button{margin-top:10px}
.beta-form :focus-visible{outline:3px solid #8f7bf0;outline-offset:3px}
.beta-admin{padding-block:48px}
.beta-admin h1{font-size:38px;letter-spacing:-.03em}
.beta-admin-table{overflow-x:auto;margin-block:24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.beta-admin table{border-collapse:collapse;min-width:1200px;width:100%;font-size:13px;text-align:left}
.beta-admin th,.beta-admin td{max-width:290px;padding:14px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap}
.beta-admin th{background:var(--tint);color:var(--ink)}
.beta-admin p{font-size:15px}
.beta-admin a:not(.button){text-decoration:underline}
.beta-mail-setup{margin:2rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:14px;background:#fff}
.beta-mail-setup summary{cursor:pointer;font-weight:650;color:var(--ink)}
.beta-mail-setup form{display:grid;gap:1rem;max-width:38rem}
.beta-mail-setup input[type=password]{width:100%;padding:.8rem;border:1px solid #9d9db5;border-radius:10px;font:inherit}
.beta-mail-setup input[type=checkbox]{margin-right:.5rem}
.beta-mail-setup .button{justify-self:start}

@media(max-width:1000px){
  .hero{grid-template-columns:1fr;padding-top:48px}
  .hero-art{grid-column:1;grid-row:auto;max-width:560px;margin:40px 0 0}
  .learning-panel{margin-top:56px}
  .faq{gap:48px}
  .closing{padding:48px}
}
@media(max-width:760px){
  body{font-size:16px}
  .wrap{width:calc(100% - 40px)}
  html{scroll-padding-top:80px}
  .nav{height:64px;gap:12px}
  .nav nav{display:none}
  .nav-actions{gap:10px}
  .brand img{width:104px;height:auto}
  .button-small{padding:8px 12px;font-size:14px}
  .button-small span{display:none}
  .hero{padding-top:36px}
  .hero h1{margin:22px 0 20px}
  .lead{font-size:17px}
  .hero-actions .button{width:100%}
  .art-prompt{position:relative;width:auto;top:auto;margin-bottom:20px}
  .art-tag-i{top:34%}
  .art-tag-o{top:52%}
  .art-tag{font-size:12px;padding:4px 9px}
  .learning-panel{padding-top:40px}
  .learning-panel>h2{margin-bottom:32px}
  .steps{grid-template-columns:1fr;gap:32px}
  .section{padding-top:80px}
  .feature-grid,#use-cases .feature-grid{grid-template-columns:1fr}
  .feature-wide{grid-column:auto}
  .feature{min-height:0;padding:26px;border-radius:18px}
  .how-section{margin-top:80px;padding:72px 0}
  .section-heading{display:block}
  .section-heading>p{margin-top:16px;text-align:left}
  .how-section .steps{margin-top:40px}
  .how-section .steps article,.how-section .steps article+article{padding:28px 0;border-left:0}
  .how-section .steps article+article{border-top:1px solid #ffffff24}
  .how-section .steps article::before{font-size:48px;margin-bottom:18px}
  .faq{grid-template-columns:1fr;gap:32px;padding-bottom:80px}
  .answers summary{font-size:17px;padding:18px 0}
  .answers details p{margin-right:0}
  .closing{display:block;padding:36px 26px;border-radius:22px}
  .closing .button{width:100%;margin-top:28px}
  .footer{flex-wrap:wrap;gap:14px 22px;padding-top:40px}
  .footer .brand{width:100%}
  .footer span{width:100%;margin:0}
  .use-case{padding-block:44px 24px}
  .use-case-body{margin-block:44px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button,.button span,.answers summary::after{transition:none}
  .art-prompt p::after{animation:none}
}