:root {
  --ink: #08110f;
  --paper: #f2f0e8;
  --lime: #c6ff3d;
  --mint: #90e8c2;
  --line: rgba(242, 240, 232, .18);
  --muted: #a5aca6;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--paper);
  font-family: "Manrope", sans-serif;
  overflow-x: hidden;
}
body::selection { background: var(--lime); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }

.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .032;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 15; height: 76px;
  display: flex; align-items: center; justify-content: space-between; padding: 0 4vw;
  border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(16px);
  background: rgba(8,17,15,.74);
}
.brand { display: flex; align-items: center; gap: 12px; font: 500 15px "DM Mono"; letter-spacing: .15em; }
.brand-mark { width: 25px; height: 25px; position: relative; display: inline-block; }
.brand-mark i { position: absolute; width: 8px; height: 8px; border: 1.5px solid var(--lime); transform: rotate(45deg); }
.brand-mark i:nth-child(1) { left: 1px; top: 8px; }
.brand-mark i:nth-child(2) { left: 9px; top: 1px; }
.brand-mark i:nth-child(3) { left: 9px; top: 15px; }
.desktop-nav { display: flex; gap: 34px; font: 500 12px "DM Mono"; letter-spacing: .08em; color: #bdc4bf; }
.desktop-nav a { transition: color .25s; }
.desktop-nav a:hover { color: var(--lime); }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 26px; border: 1px solid var(--lime);
  padding: 15px 19px; font: 500 11px "DM Mono"; letter-spacing: .06em; text-transform: uppercase;
  transition: .25s ease; cursor: pointer;
}
.button:hover { background: var(--lime); color: var(--ink); transform: translateY(-2px); }
.button-small { padding: 11px 15px; gap: 16px; }
.button-primary { color: var(--ink); background: var(--lime); }
.button-primary:hover { box-shadow: 0 0 40px rgba(198,255,61,.25); }

.hero {
  min-height: 820px; height: 100vh; position: relative; overflow: hidden;
  display: grid; grid-template-columns: 47% 53%; align-items: center; padding: 110px 5vw 55px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 72px 72px;
}
.hero::after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 72% 46%, rgba(69,181,139,.12), transparent 34%); pointer-events:none; }
.orb { position: absolute; border-radius: 50%; filter: blur(100px); opacity: .18; }
.orb-one { width: 420px; height: 420px; background: #39c99c; right: 3%; top: 18%; animation: drift 11s ease-in-out infinite; }
.orb-two { width: 260px; height: 260px; background: var(--lime); left: -12%; bottom: -5%; animation: drift 14s ease-in-out infinite reverse; }
@keyframes drift { 50% { transform: translate(30px, -25px) scale(1.12); } }
.hero-copy { position: relative; z-index: 2; max-width: 680px; }
.eyebrow, .section-kicker { font: 500 10px "DM Mono"; letter-spacing: .13em; color: var(--mint); text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.status-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(198,255,61,.12), 0 0 18px var(--lime); animation: blink 2s infinite; }
@keyframes blink { 50% { opacity: .45; } }
h1 { font-size: clamp(64px, 7.4vw, 116px); font-weight: 500; letter-spacing: -.066em; line-height: .89; margin: 35px 0 28px; max-width: 790px; }
h1 em, .demo h2 em { font-family: Georgia, serif; font-weight: 400; color: var(--lime); }
.hero-lede { max-width: 580px; font-size: clamp(17px,1.5vw,21px); line-height: 1.55; color: #b8c0ba; }
.hero-actions { display: flex; gap: 30px; align-items: center; margin-top: 38px; }
.text-link { display: inline-flex; align-items: center; gap: 18px; padding: 10px 0 8px; font: 500 11px "DM Mono"; text-transform: uppercase; letter-spacing: .06em; border-bottom: 1px solid #66706a; }
.text-link:hover { color: var(--lime); border-color: var(--lime); }
.hero-proof { display: flex; margin-top: 65px; gap: 0; }
.hero-proof div { padding-right: 34px; margin-right: 34px; border-right: 1px solid var(--line); }
.hero-proof div:last-child { border: 0; }
.hero-proof strong, .hero-proof span { display:block; }
.hero-proof strong { font-size: 13px; margin-bottom: 5px; }
.hero-proof span { font: 400 9px "DM Mono"; letter-spacing:.08em; color:#758079; text-transform:uppercase; }
.scroll-cue { position: absolute; bottom: 27px; left: 5vw; font: 10px "DM Mono"; letter-spacing: .11em; color: #65706a; }
.scroll-cue span { margin-left: 10px; color: var(--lime); }

.hero-visual { position: relative; z-index: 2; height: 610px; display: grid; place-items: center; perspective: 1200px; }
.visual-grid { position: absolute; inset: 5%; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 52px, rgba(144,232,194,.08) 53px 54px); animation: rotate 40s linear infinite; }
@keyframes rotate { to { transform: rotate(360deg); } }
.device {
  width: min(600px, 91%); min-height: 450px; padding: 25px; position: relative;
  background: linear-gradient(145deg, rgba(23,38,34,.96), rgba(10,20,18,.96));
  border: 1px solid rgba(151,231,199,.32); box-shadow: 0 45px 100px rgba(0,0,0,.5), inset 0 0 80px rgba(105,215,173,.03);
  transform: rotateY(-5deg) rotateX(2deg); animation: float 6s ease-in-out infinite;
}
@keyframes float { 50% { transform: rotateY(-2deg) rotateX(1deg) translateY(-11px); } }
.device::before, .device::after { content:""; position:absolute; width: 28px; height:28px; border-color:var(--lime); opacity:.7; }
.device::before { left:-1px; top:-1px; border-left:2px solid; border-top:2px solid; }
.device::after { right:-1px; bottom:-1px; border-right:2px solid; border-bottom:2px solid; }
.device-top { display:flex; justify-content:space-between; font:9px "DM Mono"; letter-spacing:.12em; color:#6e7e75; padding-bottom:21px; border-bottom:1px solid var(--line); }
.live-indicator { color:var(--lime); }.live-indicator i { display:inline-block; width:5px; height:5px; background:var(--lime); border-radius:50%; margin-right:7px; }
.voice-line { padding: 28px 5px 20px; }
.voice-line p { color:#dce1dd; font-size:16px; margin:16px 0 0; }
.waveform { height:38px; display:flex; align-items:center; gap:7px; }
.waveform i { display:block; width:2px; height:10px; background:var(--mint); animation:wave 1.1s ease-in-out infinite; }
.waveform i:nth-child(2n) { animation-delay:.15s; }.waveform i:nth-child(3n) { animation-delay:.3s; }
@keyframes wave { 50% { height:33px; background:var(--lime); } }
.answer-card { padding:22px; background:#101d19; border:1px solid rgba(255,255,255,.09); }
.answer-label { font:9px "DM Mono"; letter-spacing:.12em; color:var(--mint); }.spark { color:var(--lime); margin-right:7px; }
.answer-card > p { font-size:14px; line-height:1.65; color:#bcc7c0; }
.source-row { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:10px; padding-top:15px; margin-top:15px; border-top:1px solid var(--line); }
.source-row > span { display:grid; place-items:center; width:27px; height:27px; border:1px solid #587165; font:9px "DM Mono"; color:var(--lime); }
.source-row strong,.source-row small { display:block; }.source-row strong { font-size:11px; }.source-row small { margin-top:4px; font:8px "DM Mono"; color:#758179; }
.source-row b { color:var(--lime); font:10px "DM Mono"; }
.processing { display:flex; align-items:center; gap:22px; margin-top:20px; font:8px "DM Mono"; letter-spacing:.08em; color:#66736c; }
.processing div i { width:5px; height:5px; display:inline-block; border-radius:50%; background:#4f7867; margin-right:6px; }.processing .pulse { background:var(--lime); box-shadow:0 0 8px var(--lime); }
.processing > span { margin-left:auto; color:var(--mint); }
.floating-tag { position:absolute; padding:11px 13px; background:#0e1c18; border:1px solid #315246; box-shadow:0 12px 30px rgba(0,0,0,.35); font:8px "DM Mono"; letter-spacing:.1em; color:#8da298; animation:floatTag 5s ease-in-out infinite; }
.floating-tag span { color:var(--lime); margin-left:8px; }.tag-one { right:0; top:18%; }.tag-two { left:2%; bottom:13%; animation-delay:-2s; }
@keyframes floatTag { 50% { transform:translateY(-9px); } }

.trust-strip { min-height: 76px; display:flex; align-items:center; justify-content:space-around; padding:0 4vw; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#808b84; font:9px "DM Mono"; letter-spacing:.14em; white-space:nowrap; }
.trust-strip i { width:3px; height:3px; background:var(--lime); border-radius:50%; }
.section { padding: 125px 7vw; }
.section-kicker { margin-bottom:42px; }
h2 { font-size:clamp(45px,5.5vw,82px); line-height:1.02; font-weight:500; letter-spacing:-.055em; margin:0; }
h2 span { color:#68736d; }

.intro { background:var(--paper); color:var(--ink); }
.intro .section-kicker { color:#557067; }
.intro-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:8vw; align-items:end; }
.intro-copy { max-width:480px; color:#4e5651; font-size:16px; line-height:1.7; }
.comparison { display:grid; grid-template-columns:1fr 60px 1fr; margin-top:85px; align-items:center; }
.comparison-card { min-height:390px; padding:39px; border:1px solid #cbc9c0; }
.comparison-card.muted { background:#e7e5dd; color:#69706b; }.comparison-card.active { background:var(--ink); color:var(--paper); border-color:var(--ink); box-shadow:12px 12px 0 var(--lime); }
.card-index { font:9px "DM Mono"; letter-spacing:.13em; color:#7b837e; }
.comparison-card.active .card-index { color:var(--lime); }
.comparison-card h3 { font-size:30px; letter-spacing:-.04em; margin:40px 0; }
.comparison-card ul { list-style:none; padding:0; margin:0; }
.comparison-card li { padding:15px 0; border-top:1px solid rgba(100,100,100,.18); font-size:13px; }
.comparison-card li span { display:inline-block; width:29px; font-family:"DM Mono"; color:#8d938f; }
.comparison-card.active li span { color:var(--lime); }
.versus { text-align:center; font:10px "DM Mono"; color:#8b918d; }

.architecture { min-height:850px; display:grid; grid-template-columns:38% 62%; align-items:center; gap:4vw; overflow:hidden; }
.arch-copy > p { color:#9da8a1; max-width:450px; line-height:1.75; margin:32px 0; }
.arch-diagram { position:relative; min-height:650px; }
.boundary { position:absolute; width:600px; height:500px; max-width:100%; right:0; top:30px; border:1px dashed rgba(144,232,194,.27); }
.boundary-label { position:absolute; right:25px; top:18px; z-index:2; background:var(--ink); padding:0 10px; font:8px "DM Mono"; color:var(--mint); letter-spacing:.13em; }
.arch-node { position:absolute; width:142px; padding:16px; background:#0d1a17; border:1px solid #29473d; z-index:3; }
.arch-node span,.arch-node strong,.arch-node small { display:block; }.arch-node > span { color:var(--lime); font:18px "DM Mono"; margin-bottom:12px; }.arch-node strong { font:10px "DM Mono"; letter-spacing:.09em; }.arch-node small { margin-top:5px; color:#64736b; font:8px "DM Mono"; }
.center-node { width:155px; height:155px; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; text-align:center; border-color:var(--lime); box-shadow:0 0 50px rgba(198,255,61,.08); }
.center-node .node-icon { display:grid; place-items:center; width:47px; height:47px; border:1px solid var(--lime); border-radius:50%; margin:0; }
.node-a { left:25px; top:38px; }.node-b { right:25px; top:38px; }.node-c { left:25px; bottom:38px; }.node-d { right:25px; bottom:38px; }
.connectors { position:absolute; inset:0; width:100%; height:100%; z-index:1; }.connectors path { stroke:#426659; stroke-width:1; fill:none; stroke-dasharray:4 7; animation:dash 12s linear infinite; }
@keyframes dash { to { stroke-dashoffset:-100; } }
.data-particle { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--lime); z-index:2; box-shadow:0 0 12px var(--lime); }
.p1 { animation:p1 4s linear infinite; }.p2{animation:p2 4s linear infinite}.p3{animation:p3 4s linear infinite}.p4{animation:p4 4s linear infinite}
@keyframes p1 { from{left:50%;top:50%}to{left:20%;top:22%;opacity:0} } @keyframes p2 { from{left:50%;top:50%}to{left:80%;top:22%;opacity:0} } @keyframes p3 { from{left:50%;top:50%}to{left:20%;top:78%;opacity:0} } @keyframes p4 { from{left:50%;top:50%}to{left:80%;top:78%;opacity:0} }
.optional-cloud { position:absolute; right:0; bottom:0; width:600px; max-width:100%; padding:20px 25px; border:1px solid rgba(255,255,255,.13); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; }
.optional-cloud small { font:8px "DM Mono"; color:#69756e; }.optional-cloud strong { font-size:11px; }.optional-cloud span { font:8px "DM Mono"; color:#68736c; text-align:right; }

.use-cases { background:#d9ff73; color:var(--ink); }
.use-cases .section-kicker { color:#536537; }
.use-heading { display:flex; justify-content:space-between; align-items:end; }
.use-heading h2 span { color:#617442; }.use-heading > p { width:390px; color:#4b5739; line-height:1.65; }
.persona-layout { display:grid; grid-template-columns:40% 60%; margin-top:75px; border-top:1px solid rgba(8,17,15,.28); border-bottom:1px solid rgba(8,17,15,.28); }
.persona-tabs { display:flex; flex-direction:column; border-right:1px solid rgba(8,17,15,.28); }
.persona-tab { flex:1; min-height:78px; border:0; border-bottom:1px solid rgba(8,17,15,.2); background:transparent; color:#53613d; text-align:left; padding:0 24px; cursor:pointer; display:grid; grid-template-columns:45px 1fr auto; align-items:center; font-size:14px; transition:.25s; }
.persona-tab:last-child { border-bottom:0; }.persona-tab span { font:9px "DM Mono"; }.persona-tab b { font-weight:400; opacity:0; transform:translateX(-8px); transition:.25s; }
.persona-tab.active,.persona-tab:hover { background:var(--ink); color:var(--paper); }.persona-tab.active b,.persona-tab:hover b { opacity:1; transform:none; color:var(--lime); }
.persona-panel { padding:42px 50px; min-height:440px; background:#efffc0; transition:opacity .2s; }
.persona-meta { display:flex; justify-content:space-between; font:8px "DM Mono"; letter-spacing:.12em; color:#65704c; }.secure-chip { color:#457039; }
.persona-panel h3 { font-size:37px; max-width:610px; line-height:1.12; letter-spacing:-.04em; margin:35px 0 18px; }
.persona-panel > p { max-width:630px; color:#526044; font-size:14px; line-height:1.65; }
.prompt-card { margin:30px 0; padding:20px; border:1px solid rgba(8,17,15,.2); background:rgba(255,255,255,.35); }
.prompt-card small { font:8px "DM Mono"; color:#697557; }.prompt-card > p { font-size:15px; }
.prompt-result { display:flex; gap:10px; border-top:1px solid rgba(8,17,15,.14); padding-top:14px; color:#4e5a41; font:9px "DM Mono"; }.prompt-result span:first-child { color:#335f39; }
.use-cases .text-link { border-color:#66734f; }

.controls { background:#101a17; }
.controls > h2 { margin-bottom:75px; }
.control-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.control-card { min-height:400px; padding:27px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; }
.control-num { font:9px "DM Mono"; color:#68736c; }
.mini-visual { height:130px; margin:43px 0 30px; position:relative; }
.control-card h3 { font-size:20px; margin:0 0 14px; }.control-card p { color:#87928b; font-size:12px; line-height:1.65; }
.storage-visual { display:flex; align-items:center; justify-content:center; gap:8px; }.storage-visual i { width:42px; border:1px solid #487060; background:#162b24; animation:bars 3s infinite; }.storage-visual i:nth-child(1){height:52px}.storage-visual i:nth-child(2){height:90px;animation-delay:.3s}.storage-visual i:nth-child(3){height:68px;animation-delay:.6s}
@keyframes bars { 50% { border-color:var(--lime); box-shadow:0 0 18px rgba(198,255,61,.1); } }
.citation-visual { display:flex; gap:10px; align-items:center; justify-content:center; }.citation-visual i { display:grid; place-items:center; width:47px; height:47px; border:1px solid #45695b; color:var(--lime); font:9px "DM Mono"; }
.access-visual i { position:absolute; width:46px; height:46px; border-radius:50%; border:1px solid #527163; top:40px; }.access-visual i:nth-child(1){left:28%}.access-visual i:nth-child(2){left:43%}.access-visual i:nth-child(3){left:58%}.access-visual b { position:absolute; left:49%; top:75px; color:var(--lime); }
.approval-visual { display:flex; align-items:center; justify-content:center; gap:12px; }.approval-visual span { padding:12px; border:1px solid #4c6b5d; font:8px "DM Mono"; }.approval-visual span:last-child { border-color:var(--lime); color:var(--lime); }.approval-visual i { color:#637269; }

.quote-section { min-height:520px; display:grid; place-items:center; align-content:center; text-align:center; background:var(--paper); color:var(--ink); }
.quote-section p { font-size:clamp(38px,5vw,72px); line-height:1.13; letter-spacing:-.05em; margin:0 0 34px; }.quote-section em { font-family:Georgia,serif; color:#55705e; }.quote-section span { font:9px "DM Mono"; letter-spacing:.15em; color:#777e79; }

.faq { display:grid; grid-template-columns:42% 58%; gap:7vw; }
.faq h2 { font-size:clamp(42px,4.5vw,66px); }
.faq-list { border-top:1px solid var(--line); }
details { border-bottom:1px solid var(--line); }
summary { list-style:none; padding:25px 0; display:flex; justify-content:space-between; cursor:pointer; font-size:14px; }
summary::-webkit-details-marker { display:none; } summary span { color:var(--lime); font:20px "DM Mono"; transition:transform .2s; } details[open] summary span { transform:rotate(45deg); }
details p { color:#8f9a93; font-size:13px; line-height:1.7; max-width:620px; margin:0 50px 26px 0; }

.demo { min-height:720px; position:relative; display:grid; grid-template-columns:1fr 460px; align-items:center; gap:8vw; overflow:hidden; background:#13231e; }
.demo-bg { position:absolute; inset:0; background:radial-gradient(circle at 10% 100%, rgba(198,255,61,.21),transparent 37%), repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.025) 90px); }
.demo-copy,.demo-form { position:relative; z-index:2; }.demo h2 { margin:27px 0; font-size:clamp(55px,6vw,88px); }.demo-copy > p { color:#9caaa2; max-width:570px; line-height:1.7; }
.demo-form { padding:36px; border:1px solid #39564b; background:rgba(7,16,13,.65); backdrop-filter:blur(12px); }
.demo-form label { display:block; margin-bottom:20px; font:8px "DM Mono"; letter-spacing:.13em; color:#829088; }
.demo-form input,.demo-form select { display:block; width:100%; margin-top:9px; padding:13px 0; color:var(--paper); background:transparent; border:0; border-bottom:1px solid #40554d; border-radius:0; outline:none; font:13px "Manrope"; }
.demo-form input:focus,.demo-form select:focus { border-color:var(--lime); }.demo-form select option { color:var(--ink); }.demo-form .button { width:100%; margin-top:10px; border:0; }
.demo-form .button:disabled { cursor:wait; opacity:.65; transform:none; box-shadow:none; }
.demo-form small { display:block; color:#68756e; font-size:8px; line-height:1.5; margin-top:16px; }

footer { min-height:170px; padding:45px 5vw; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; border-top:1px solid var(--line); }
footer p { text-align:center; font:8px "DM Mono"; letter-spacing:.12em; color:#5d6a63; } footer > div { justify-self:end; display:flex; gap:24px; font:9px "DM Mono"; color:#808d85; } footer > small { grid-column:1/-1; margin-top:35px; padding-top:20px; border-top:1px solid var(--line); color:#4f5c55; font:8px "DM Mono"; }
.form-toast { position:fixed; right:25px; bottom:25px; z-index:30; padding:17px 22px; background:var(--lime); color:var(--ink); font:10px "DM Mono"; transform:translateY(100px); opacity:0; transition:.4s; }.form-toast.show { transform:none; opacity:1; }.form-toast.error { background:#ff806f; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  .desktop-nav { display:none; }
  .hero { height:auto; min-height:100vh; grid-template-columns:1fr; padding-top:145px; }
  .hero-visual { height:560px; margin-top:40px; }.scroll-cue { display:none; }
  .intro-grid,.architecture,.faq,.demo { grid-template-columns:1fr; }
  .architecture { gap:65px; }.arch-diagram { min-height:650px; }
  .control-grid { grid-template-columns:1fr 1fr; }
  .persona-layout { grid-template-columns:34% 66%; }
  .demo { grid-template-columns:1fr; }.demo-form { width:100%; max-width:580px; }
}

@media (max-width: 650px) {
  .site-header { height:66px; padding:0 18px; }.site-header .button { font-size:0; gap:0; padding:10px 13px; }.site-header .button span { font-size:15px; }
  .section { padding:85px 22px; }
  .hero { padding:115px 22px 55px; }.hero h1 { font-size:57px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:15px; }
  .hero-proof { margin-top:45px; flex-wrap:wrap; gap:22px; }.hero-proof div { padding-right:18px; margin-right:0; }
  .hero-visual { height:490px; margin-left:-15px; margin-right:-15px; }.device { padding:18px; min-height:420px; transform:none; }.tag-one { right:0; }.tag-two { left:0; }
  .processing { gap:10px; }.trust-strip { justify-content:flex-start; overflow:hidden; gap:25px; }.trust-strip i { flex:none; }
  h2 { font-size:47px; }.intro-grid { gap:35px; }.comparison { grid-template-columns:1fr; gap:20px; }.versus { display:none; }.comparison-card { min-height:auto; padding:28px; }
  .architecture { min-height:1000px; }.arch-diagram { min-height:620px; }.boundary { height:540px; }.center-node { top:48%; }.arch-node { width:115px; padding:12px; }.node-a,.node-c { left:10px; }.node-b,.node-d { right:10px; }.optional-cloud { grid-template-columns:1fr; gap:7px; }.optional-cloud span { text-align:left; }
  .use-heading { display:block; }.use-heading > p { width:auto; margin-top:30px; }.persona-layout { grid-template-columns:1fr; }.persona-tabs { border-right:0; }.persona-panel { padding:30px 24px; }.persona-panel h3 { font-size:31px; }
  .control-grid { grid-template-columns:1fr; }.control-card { min-height:345px; }
  .faq { gap:50px; }.demo { padding-bottom:85px; }.demo-form { padding:25px; }
  footer { grid-template-columns:1fr; gap:27px; text-align:left; } footer p { text-align:left; } footer > div { justify-self:start; } footer > small { grid-column:1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; }
  .reveal { opacity:1; transform:none; }
}