:root {
  --ink: #f5f7ff;
  --muted: #9ba7bd;
  --muted-bright: #c5cede;
  --night: #05070d;
  --panel: #0b0f19;
  --panel-2: #101624;
  --line: rgba(160, 180, 220, 0.15);
  --cyan: #36e4ff;
  --blue: #4d7cff;
  --violet: #9a68ff;
  --green: #63efae;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body { margin: 0; color: var(--ink); background: var(--night); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input { font: inherit; }
::selection { color: #02070c; background: var(--cyan); }

.site-page { min-height: 100vh; overflow: hidden; background: radial-gradient(circle at 20% 0%, rgba(43, 80, 160, .16), transparent 28rem), var(--night); }
.section-shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.eyebrow { display: flex; align-items: center; gap: .55rem; margin: 0 0 1.1rem; color: var(--cyan); font-size: .78rem; font-weight: 750; line-height: 1.3; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow svg { width: 1rem; height: 1rem; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; }
h1 { font-size: clamp(3rem, 7.2vw, 6.8rem); line-height: .96; letter-spacing: -.058em; }
h2 { font-size: clamp(2.25rem, 4.5vw, 4.4rem); line-height: 1.02; letter-spacing: -.045em; }
h3 { font-size: 1.3rem; line-height: 1.25; letter-spacing: -.02em; }

.site-header { position: relative; z-index: 50; border-bottom: 1px solid var(--line); background: rgba(5, 7, 13, .76); backdrop-filter: blur(20px); }
.header-inner { min-height: 78px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; }
.brand { justify-self: start; display: inline-flex; align-items: center; }
.brand-logo { width: 170px; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: 2.2rem; color: var(--muted-bright); font-size: .92rem; font-weight: 600; }
.desktop-nav a, .footer-links a { transition: color .2s ease; }
.desktop-nav a:hover, .footer-links a:hover { color: var(--cyan); }
.header-cta { justify-self: end; }
.mobile-menu { display: none; position: relative; justify-self: end; }
.mobile-menu summary { list-style: none; cursor: pointer; width: 2.75rem; height: 2.75rem; display: grid; place-items: center; border: 1px solid var(--line); border-radius: .8rem; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu nav { position: absolute; top: calc(100% + .8rem); right: 0; min-width: 210px; display: grid; padding: .65rem; border: 1px solid var(--line); border-radius: 1rem; background: #0b101b; box-shadow: 0 20px 50px rgba(0,0,0,.4); }
.mobile-menu nav a { padding: .75rem .85rem; border-radius: .65rem; color: var(--muted-bright); }
.mobile-menu nav a:hover { color: white; background: rgba(255,255,255,.05); }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .78rem 1.25rem; border: 1px solid transparent; border-radius: .85rem; color: white; font-size: .94rem; font-weight: 750; line-height: 1; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.button svg { width: 1.05rem; height: 1.05rem; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #031016; background: linear-gradient(135deg, var(--cyan), #7bf0ff); box-shadow: 0 12px 34px rgba(54, 228, 255, .19); }
.button-primary:hover { box-shadow: 0 15px 42px rgba(54, 228, 255, .3); }
.button-ghost { border-color: var(--line); background: rgba(255,255,255,.035); }
.button-ghost:hover { border-color: rgba(54,228,255,.4); background: rgba(54,228,255,.07); }
.button-small { min-height: 42px; padding: .65rem 1rem; font-size: .86rem; }
.button-large { min-height: 58px; padding-inline: 1.55rem; }

.hero { position: relative; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 4.5rem; min-height: 820px; padding-block: 7rem 8rem; }
.hero-copy { position: relative; z-index: 2; }
.hero h1 { max-width: 720px; margin-bottom: 1.3rem; background: linear-gradient(165deg, #fff 18%, #cdd8ee 72%, #8fa6ce); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-tagline { margin-bottom: 1.4rem; color: var(--cyan); font-size: clamp(1.25rem, 2vw, 1.6rem); font-weight: 720; letter-spacing: .06em; }
.hero-intro { max-width: 650px; margin-bottom: 2rem; color: var(--muted-bright); font-size: 1.12rem; line-height: 1.75; }
.button-row { display: flex; flex-wrap: wrap; gap: .8rem; }
.hero-proof { display: flex; flex-wrap: wrap; gap: .8rem 1.4rem; margin: 2rem 0 0; padding: 0; color: var(--muted); font-size: .88rem; font-weight: 650; list-style: none; }
.hero-proof li { display: flex; align-items: center; gap: .4rem; }
.hero-proof svg { width: 1rem; height: 1rem; color: var(--green); }
.hero-glow { position: absolute; pointer-events: none; border-radius: 999px; filter: blur(12px); }
.hero-glow-one { top: 12%; left: -25%; width: 46rem; height: 46rem; background: radial-gradient(circle, rgba(38, 118, 255, .16), transparent 65%); }
.hero-glow-two { right: -18%; top: 5%; width: 54rem; height: 54rem; background: radial-gradient(circle, rgba(137, 71, 255, .12), transparent 66%); }
.hero-product { position: relative; z-index: 1; min-width: 0; }
.product-orbit { position: absolute; pointer-events: none; border: 1px solid rgba(92, 142, 255, .18); border-radius: 50%; }
.orbit-one { inset: -15% -7%; transform: rotate(-7deg); }
.orbit-two { inset: -4% -18%; transform: rotate(15deg); }
.studio-shot { position: relative; overflow: hidden; margin: 0; border: 1px solid rgba(145, 169, 220, .22); border-radius: 1.2rem; background: #080b12; box-shadow: 0 34px 90px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.02) inset; }
.studio-shot > img { width: 100%; height: auto; }
.shot-bar { height: 42px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 .9rem; border-bottom: 1px solid rgba(255,255,255,.07); background: linear-gradient(180deg, #151b29, #0e131e); color: #aab5ca; font-size: .72rem; font-weight: 700; letter-spacing: .04em; }
.shot-lights { display: flex; gap: .35rem; }
.shot-lights i { width: .48rem; height: .48rem; border-radius: 50%; background: #344057; }
.shot-lights i:first-child { background: #49dcb0; }.shot-lights i:nth-child(2) { background: #5e8cff; }.shot-lights i:nth-child(3) { background: #a06aff; }
.shot-status { justify-self: end; color: #68758e; text-transform: uppercase; }
.hero-shot { transform: perspective(1800px) rotateY(-5deg) rotateX(2deg); box-shadow: 38px 42px 110px rgba(0,0,0,.62), -25px 0 100px rgba(65,126,255,.12); }
.floating-note { position: absolute; z-index: 3; display: grid; gap: .08rem; min-width: 145px; padding: .8rem 1rem; border: 1px solid rgba(137,173,238,.22); border-radius: .8rem; background: rgba(10, 15, 25, .9); box-shadow: 0 18px 50px rgba(0,0,0,.4); backdrop-filter: blur(18px); }
.floating-note span { color: #75819a; font-size: .66rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.floating-note strong { font-size: .88rem; }
.floating-note-left { bottom: -2.2rem; left: -2rem; }.floating-note-right { right: -1.2rem; top: -2.6rem; }

.proof-strip { border-block: 1px solid var(--line); background: rgba(11,15,25,.68); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid p { display: flex; align-items: center; justify-content: center; gap: .8rem; margin: 0; padding: 1.55rem; border-right: 1px solid var(--line); }
.proof-grid p:first-child { border-left: 1px solid var(--line); }
.proof-grid strong { color: white; font-size: 1.5rem; letter-spacing: -.04em; }.proof-grid span { color: var(--muted); font-size: .84rem; font-weight: 650; }

.canvas-section { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); padding-block: 10rem; }
.canvas-art { position: relative; min-height: 530px; overflow: hidden; border: 1px solid var(--line); border-radius: 1.6rem; background: radial-gradient(circle at 20% 20%, rgba(54,228,255,.14), transparent 30%), radial-gradient(circle at 82% 78%, rgba(154,104,255,.16), transparent 34%), #090d16; box-shadow: inset 0 0 90px rgba(0,0,0,.25); }
.canvas-grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom right, #000, transparent 78%); }
.paint-stroke { position: absolute; display: block; border-radius: 999px; transform-origin: left center; filter: saturate(1.15); }
.stroke-one { left: 12%; top: 19%; width: 61%; height: 18px; transform: rotate(24deg); background: linear-gradient(90deg, transparent, var(--cyan), transparent); box-shadow: 0 0 34px rgba(54,228,255,.3); }
.stroke-two { left: 24%; top: 47%; width: 66%; height: 25px; transform: rotate(-17deg); background: linear-gradient(90deg, transparent, #537bff, transparent); box-shadow: 0 0 38px rgba(83,123,255,.3); }
.stroke-three { left: 7%; top: 63%; width: 56%; height: 12px; transform: rotate(11deg); background: linear-gradient(90deg, transparent, #a968ff, transparent); }
.stroke-four { left: 46%; top: 25%; width: 45%; height: 8px; transform: rotate(65deg); background: linear-gradient(90deg, transparent, #62efae, transparent); }
.sound-bars { position: absolute; left: 12%; right: 12%; bottom: 10%; height: 24%; display: flex; align-items: end; gap: 3.3%; padding: 1.2rem; border: 1px solid rgba(255,255,255,.09); border-radius: 1rem; background: rgba(5,9,16,.62); backdrop-filter: blur(12px); }
.sound-bars i { flex: 1; min-height: 9px; border-radius: 99px 99px 3px 3px; background: linear-gradient(to top, var(--blue), var(--cyan)); opacity: .86; }
.canvas-copy h2 { max-width: 650px; margin-bottom: 1.6rem; }.canvas-copy > p:not(.eyebrow) { max-width: 620px; color: var(--muted-bright); font-size: 1.05rem; line-height: 1.82; }

.feature-stories { padding-block: 9rem; background: linear-gradient(180deg, rgba(11,16,27,.78), rgba(8,11,18,.96)); border-block: 1px solid var(--line); }
.section-heading { max-width: 780px; margin: 0 auto 6.5rem; text-align: center; }
.section-heading .eyebrow { justify-content: center; }.section-heading h2 { margin-bottom: 1.3rem; }.section-heading > p:last-child { color: var(--muted); font-size: 1.1rem; }
.feature-story { display: grid; grid-template-columns: .76fr 1.24fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); padding-block: 6rem; border-top: 1px solid var(--line); }
.feature-story-reverse { grid-template-columns: 1.24fr .76fr; }.feature-story-reverse .story-copy { order: 2; }.feature-story-reverse .studio-shot { order: 1; }
.story-number { display: block; margin-bottom: 1rem; color: rgba(54,228,255,.52); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8rem; font-weight: 800; letter-spacing: .16em; }
.story-copy h3 { margin-bottom: 1.2rem; font-size: clamp(2rem, 3.4vw, 3.35rem); }.story-copy > p { color: var(--muted-bright); font-size: 1.05rem; line-height: 1.8; }
.tick-list { display: grid; gap: .85rem; margin: 1.6rem 0 0; padding: 0; list-style: none; }
.tick-list li { display: grid; grid-template-columns: 1.35rem 1fr; gap: .65rem; color: var(--muted-bright); font-size: .92rem; }
.tick-list svg { width: 1.1rem; height: 1.1rem; margin-top: .22rem; color: var(--green); }
.stacked-shots { position: relative; padding-bottom: 18%; }.stacked-shots .keyboard-shot { width: 72%; position: absolute; right: -3%; bottom: 0; box-shadow: 0 22px 70px rgba(0,0,0,.58); }

.capabilities-section { padding-block: 10rem; }.compact-heading { max-width: 820px; margin-bottom: 4.2rem; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.capability-card { min-height: 285px; padding: 2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(11,15,25,.42); transition: background .25s ease, transform .25s ease; }
.capability-card:hover { z-index: 1; transform: translateY(-4px); background: linear-gradient(145deg, rgba(33,59,100,.3), rgba(16,22,36,.86)); }
.icon-box { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; margin-bottom: 1.5rem; border: 1px solid rgba(54,228,255,.24); border-radius: .85rem; color: var(--cyan); background: rgba(54,228,255,.07); }
.icon-box svg { width: 1.25rem; height: 1.25rem; }.capability-card h3 { margin-bottom: .65rem; }.capability-card p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.72; }

.promise-section { position: relative; overflow: hidden; padding: clamp(4rem, 7vw, 7rem); border: 1px solid rgba(94,139,255,.22); border-radius: 2rem; background: radial-gradient(circle at 12% 0%, rgba(54,228,255,.16), transparent 30%), radial-gradient(circle at 95% 100%, rgba(154,104,255,.2), transparent 34%), #0b101b; }
.promise-heading { max-width: 780px; }.promise-heading h2 { margin-bottom: 1.35rem; }.promise-heading > p:last-child { max-width: 700px; color: var(--muted-bright); font-size: 1.06rem; }
.promise-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 4rem; }
.promise-grid article { padding: 2rem; border: 1px solid rgba(255,255,255,.08); border-radius: 1.15rem; background: rgba(4,7,12,.38); }.promise-grid article > span { width: 3rem; height: 3rem; display: grid; place-items: center; margin-bottom: 2rem; border-radius: 50%; color: var(--cyan); background: rgba(54,228,255,.1); }.promise-grid svg { width: 1.3rem; }.promise-grid h3 { margin-bottom: .75rem; }.promise-grid p { margin: 0; color: var(--muted); font-size: .94rem; }

.final-cta { padding-block: 10rem; }.final-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 3rem; padding: clamp(2.3rem, 5vw, 4.7rem); border: 1px solid var(--line); border-radius: 1.7rem; background: linear-gradient(110deg, rgba(17,25,42,.95), rgba(11,15,25,.65)); }.final-cta h2 { margin-bottom: .9rem; font-size: clamp(2.25rem, 4vw, 4rem); }.final-cta-inner > div > p:last-child { margin-bottom: 0; color: var(--muted); }

.site-footer { border-top: 1px solid var(--line); background: #04060a; }.footer-main { display: flex; justify-content: space-between; gap: 4rem; padding-block: 5rem; }.brand-footer { margin-bottom: 1.2rem; }.footer-brand > p { max-width: 360px; color: var(--muted); }.footer-links { display: grid; grid-template-columns: repeat(2, minmax(130px, 1fr)); gap: 5rem; }.footer-links div { display: grid; align-content: start; gap: .65rem; }.footer-links h2 { margin-bottom: .4rem; color: #69758b; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }.footer-links a { color: var(--muted-bright); font-size: .9rem; }.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.4rem 2.2rem; border-top: 1px solid var(--line); color: #667188; font-size: .78rem; }.footer-bottom p { margin: 0; }

.inner-hero { max-width: 1100px; padding-block: 9rem 8rem; text-align: center; }.inner-hero .eyebrow { justify-content: center; }.inner-hero h1 { max-width: 1050px; margin-inline: auto; font-size: clamp(3.2rem, 7vw, 6.5rem); }.inner-hero > p:last-child { max-width: 710px; margin: 2rem auto 0; color: var(--muted-bright); font-size: 1.18rem; }
.about-story { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8rem; padding-block: 8rem; border-top: 1px solid var(--line); }.about-statement { position: relative; min-height: 500px; display: flex; align-items: end; padding: 3.4rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1.5rem; background: radial-gradient(circle at 65% 20%, rgba(54,228,255,.18), transparent 35%), linear-gradient(145deg, #10192b, #080b12); }.about-statement::before { content: ''; position: absolute; inset: 10%; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; transform: rotate(-20deg); }.about-statement blockquote { position: relative; z-index: 1; margin: 0; font-size: clamp(1.8rem, 3.4vw, 3.1rem); font-weight: 720; line-height: 1.12; letter-spacing: -.04em; }.quote-mark { position: absolute; top: .5rem; left: 2rem; color: rgba(54,228,255,.16); font-family: Georgia, serif; font-size: 12rem; line-height: 1; }.about-copy h2 { margin-bottom: 1.5rem; }.about-copy > p:not(.eyebrow) { color: var(--muted-bright); font-size: 1.05rem; line-height: 1.82; }
.values-section { padding-block: 8rem 10rem; }.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }.values-grid article { padding: 2rem; border: 1px solid var(--line); border-radius: 1.1rem; background: var(--panel); }.values-grid p { margin: 0; color: var(--muted); font-size: .92rem; }
.founder-story { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: center; gap: clamp(3rem, 7vw, 7rem); margin-bottom: 2rem; padding: clamp(2.5rem, 5vw, 5rem); overflow: hidden; border: 1px solid var(--line); border-radius: 1.5rem; background: radial-gradient(circle at 92% 12%, rgba(54,228,255,.12), transparent 28%), linear-gradient(120deg, rgba(20,30,51,.9), rgba(9,13,22,.75)); }
.founder-story::before { content: ''; position: absolute; width: 380px; height: 380px; right: -180px; bottom: -230px; border: 1px solid rgba(154,104,255,.18); border-radius: 50%; }
.founder-copy { position: relative; z-index: 1; }.founder-copy h2 { max-width: 760px; margin-bottom: 1.35rem; }.founder-copy > p:not(.eyebrow) { max-width: 780px; color: var(--muted-bright); font-size: 1.02rem; line-height: 1.82; }.founder-copy .founder-intro { margin-bottom: 1.35rem; color: white; font-size: 1.18rem; font-weight: 720; }.founder-copy .founder-pullquote { margin: 2rem 0 0; padding: 1.2rem 1.4rem; border-left: 3px solid var(--cyan); color: #dffbff; font-weight: 650; background: rgba(54,228,255,.06); }
.founder-portrait { position: relative; z-index: 1; margin: 0; }.founder-photo-frame { position: relative; overflow: hidden; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.14); border-radius: 1.2rem; background: #080b12; box-shadow: 0 30px 70px rgba(0,0,0,.36); }.founder-photo-frame::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(54,228,255,.08); pointer-events: none; }.founder-photo-frame picture, .founder-photo-frame img { display: block; width: 100%; height: 100%; }.founder-photo-frame img { object-fit: cover; }.founder-portrait figcaption { display: grid; gap: .18rem; padding: 1.15rem .25rem 0; }.founder-portrait figcaption strong { color: white; font-size: 1.08rem; }.founder-portrait figcaption span { color: var(--muted); font-size: .86rem; }

.legal-main { max-width: 920px; padding-block: 8rem 10rem; }.legal-hero { padding-bottom: 4rem; border-bottom: 1px solid var(--line); }.legal-hero h1 { margin-bottom: 1.5rem; font-size: clamp(3.2rem, 7vw, 5.8rem); }.legal-hero > p:not(.eyebrow) { max-width: 720px; color: var(--muted-bright); font-size: 1.18rem; }.legal-hero > span { color: #6f7c93; font-size: .82rem; }.legal-content { padding-top: 3.5rem; }.legal-content section { margin-bottom: 3.2rem; }.legal-content h2 { margin-bottom: .8rem; font-size: 1.55rem; letter-spacing: -.025em; }.legal-content p { color: var(--muted-bright); line-height: 1.85; }.legal-content aside { padding: 1.4rem 1.6rem; border-left: 3px solid var(--cyan); color: var(--muted-bright); background: rgba(54,228,255,.06); }

@media (max-width: 1080px) {
  .hero { grid-template-columns: 1fr; min-height: auto; gap: 5rem; padding-top: 6rem; }.hero-copy { max-width: 840px; }.hero h1 { max-width: 850px; }.hero-product { width: 92%; margin-inline: auto; }.capability-grid { grid-template-columns: repeat(3, 1fr); }.feature-story, .feature-story-reverse { grid-template-columns: 1fr; }.feature-story-reverse .story-copy, .feature-story-reverse .studio-shot { order: initial; }.story-copy { max-width: 700px; }.about-story { gap: 4rem; }.values-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .section-shell { width: min(calc(100% - 28px), var(--max)); }.header-inner { min-height: 70px; grid-template-columns: 1fr auto; gap: 1rem; }.desktop-nav, .header-cta { display: none; }.mobile-menu { display: block; }.brand-logo { width: 150px; }
  .hero { padding-block: 5rem 6rem; }.hero h1 { font-size: clamp(3.15rem, 15vw, 5.2rem); }.hero-intro { font-size: 1rem; }.hero-product { width: 100%; }.hero-shot { transform: none; }.floating-note { display: none; }.shot-bar { height: 34px; font-size: .58rem; padding-inline: .6rem; }
  .proof-grid { grid-template-columns: repeat(2, 1fr); }.proof-grid p { min-height: 92px; flex-direction: column; gap: .1rem; text-align: center; }.proof-grid p:nth-child(3) { border-left: 1px solid var(--line); }
  .canvas-section { grid-template-columns: 1fr; padding-block: 7rem; }.canvas-art { min-height: 380px; }.canvas-copy { order: -1; }
  .feature-stories, .capabilities-section { padding-block: 7rem; }.section-heading { margin-bottom: 4rem; }.feature-story { gap: 2.5rem; padding-block: 4.5rem; }.stacked-shots { padding-bottom: 23%; }.stacked-shots .keyboard-shot { width: 82%; right: -2%; }
  .capability-grid { grid-template-columns: 1fr; }.capability-card { min-height: auto; }.promise-section { width: min(calc(100% - 28px), var(--max)); padding: 2.2rem 1.3rem; border-radius: 1.3rem; }.promise-grid { grid-template-columns: 1fr; margin-top: 2.5rem; }
  .final-cta { padding-block: 7rem; }.final-cta-inner { display: grid; }.final-cta .button { width: 100%; }.footer-main, .footer-bottom { flex-direction: column; }.footer-links { gap: 2.5rem; }.footer-bottom { padding-top: 1.4rem; }
  .inner-hero { padding-block: 6rem; }.about-story { grid-template-columns: 1fr; padding-block: 6rem; }.about-statement { min-height: 390px; padding: 2rem; }.values-grid { grid-template-columns: 1fr; }.founder-story { grid-template-columns: 1fr; gap: 2.5rem; }.founder-portrait { max-width: 420px; }.legal-main { padding-block: 6rem 7rem; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }