.about-page { --mint:#00ff88; --mint-soft:#00d979; --ink:#050810; --paper:#e7ece9; background:#050810; color:#eff4f2; overflow-x:hidden; }
.about-page .bg-glow { z-index:0; background:radial-gradient(ellipse 65% 42% at 70% 18%,rgba(0,255,136,.10),transparent 70%),radial-gradient(ellipse 55% 45% at 10% 48%,rgba(0,174,117,.07),transparent 70%); }
.about-page main,.about-page nav,.about-footer { position:relative; z-index:1; }
.about-wrap { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
.about-page .about-nav { padding:15px max(32px,calc((100vw - 1160px)/2)); height:74px; }
.about-nav-links { display:flex; align-items:center; gap:30px; }
.about-nav-links>a:not(.nav-btn) { color:rgba(255,255,255,.65); font-size:13px; }
.about-nav-links .nav-btn { padding:9px 16px !important; }
.about-hero { min-height:680px; padding-top:72px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4vw; position:relative; padding-bottom:72px; }
.about-hero-copy { position:relative; z-index:2; max-width:570px; }
.about-kicker,.section-index { display:flex; align-items:center; gap:10px; font-size:10px; letter-spacing:.17em; font-weight:750; color:rgba(220,238,230,.54); text-transform:uppercase; }
.about-kicker>span { width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 14px rgba(0,255,136,.8); }
.about-hero h1 { font-size:clamp(44px,5.6vw,76px); line-height:1.04; letter-spacing:-.065em; margin:24px 0 24px; max-width:650px; }
.about-hero h1 em { font-style:normal; color:var(--mint); }
.about-lede { max-width:510px; color:rgba(235,244,239,.65); font-size:17px; line-height:1.75; }
.about-byline { display:flex; align-items:center; gap:12px; margin-top:36px; color:rgba(255,255,255,.5); font-size:12px; }
.about-hero-actions { display:flex;align-items:center;gap:22px;margin-top:25px; }
.about-hero-actions .about-cta-button { margin:0; }
.about-learn-link { display:inline-flex;align-items:center;gap:9px;color:rgba(235,244,239,.67);font-size:12px; }
.about-learn-link span { color:var(--mint);font-size:16px; }
.byline-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:#04130d; background:linear-gradient(145deg,#8dffd0,#00d77b); font-size:17px; font-weight:800; }
.about-byline strong,.about-byline small { display:block; }.about-byline strong { color:#f2f6f4; font-size:12px; }.about-byline small { margin-top:3px; color:rgba(255,255,255,.43); font-size:11px; }.byline-sep { height:26px; border-left:1px solid rgba(255,255,255,.15); margin:0 3px 0 8px; }.about-date { font-size:11px; }
.reader-art { min-height:470px; position:relative; display:grid; place-items:center; perspective:1200px; }
.reader-art:before { content:""; position:absolute; width:370px; height:370px; border-radius:50%; background:rgba(0,255,136,.10); filter:blur(95px); }
.art-orbit { position:absolute; border:1px solid rgba(0,255,136,.10); border-radius:50%; transform:rotate(-24deg); }.orbit-one { width:480px;height:210px; }.orbit-two { width:400px;height:290px;transform:rotate(40deg); }
.reader-window { width:min(440px,100%); position:relative; border:1px solid rgba(105,255,190,.2); border-radius:18px; background:linear-gradient(145deg,rgba(17,25,33,.97),rgba(6,11,17,.97)); box-shadow:0 40px 110px rgba(0,0,0,.6),0 0 60px rgba(0,255,136,.08); overflow:hidden; transform:rotateY(-7deg) rotateX(2deg); }
.reader-top { height:45px; display:flex; align-items:center; padding:0 16px; gap:6px; border-bottom:1px solid rgba(255,255,255,.06); }.reader-dot { width:7px;height:7px;border-radius:50%;background:#ff626e; }.reader-dot:nth-child(2){background:#ffd15e}.reader-dot:nth-child(3){background:#24d78b}.reader-file { margin-left:12px; font-size:9px; letter-spacing:.12em; color:rgba(255,255,255,.46); }.reader-file b { color:var(--mint); margin:0 4px; }.reader-more { margin-left:auto;color:rgba(255,255,255,.35);font-size:11px;letter-spacing:2px; }
.reader-paper { margin:20px 20px 12px; min-height:295px; padding:23px 24px; border-radius:9px; background:linear-gradient(135deg,#eef2ed,#dfe8e1); color:#18251e; }.paper-eyebrow { font-size:8px; letter-spacing:.16em; font-weight:800; color:#668173; }.paper-title { font-size:25px; line-height:1.05; font-weight:780; letter-spacing:-.045em; margin:13px 0 17px; }.paper-lines { display:grid;gap:6px; }.paper-lines i { height:4px;border-radius:5px;background:rgba(28,53,39,.13); }.paper-lines i:nth-child(2){width:91%}.paper-lines i:nth-child(3){width:96%}.paper-lines .short { width:64%; }.paper-text { color:rgba(20,35,27,.57); font-size:11px; line-height:1.85; margin-top:12px; }.paper-text span { color:#071d13;background:#13e890;border-radius:3px;padding:2px 4px;box-shadow:0 0 18px rgba(0,220,125,.26); }.paper-lines.lower { margin-top:12px; }.paper-lines.lower i:last-child{width:75%}
.reader-player { display:flex; align-items:center; gap:12px; margin:0 14px 14px; padding:12px 14px; border:1px solid rgba(0,255,136,.16); border-radius:14px; background:rgba(4,11,15,.82); box-shadow:0 9px 28px rgba(0,0,0,.26); }.player-play { display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--mint);color:#05120c;font-size:13px;font-weight:800;box-shadow:0 0 18px rgba(0,255,136,.28); }.player-track { min-width:0;flex:1; }.track-meta { display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:8px;letter-spacing:.08em; }.track-meta b { color:var(--mint); }.track-line { height:2px;background:rgba(255,255,255,.12);margin:8px 0; }.track-line i { display:block;width:36%;height:100%;background:var(--mint);box-shadow:0 0 8px var(--mint); }.track-caption { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(255,255,255,.78);font-size:9px; }.player-speed { border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px;color:rgba(255,255,255,.63);font-size:9px; }.art-note { position:absolute;right:0;bottom:22px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(0,255,136,.14);border-radius:40px;background:rgba(8,15,19,.85);color:rgba(222,245,233,.66);font-size:8px;letter-spacing:.13em; }.note-pulse {width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}
.scroll-cue { position:absolute;bottom:32px;left:0;display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.35);font-size:9px;letter-spacing:.16em; }.scroll-cue b { color:var(--mint);font-size:16px;font-weight:400; }
.story-section { padding:104px 0; border-top:1px solid rgba(255,255,255,.055); }.story-grid { display:grid;grid-template-columns:.75fr 1.25fr;gap:10%; }.section-index { align-self:start; padding-top:11px; }.section-index span { color:var(--mint);font-variant-numeric:tabular-nums; }.section-index i { width:26px;border-top:1px solid rgba(0,255,136,.48); }.story-copy { max-width:690px; }.story-copy h2,.principle-head h2,.founder-layout h2,.faq-layout h2 { font-size:clamp(32px,4vw,48px);letter-spacing:-.055em;line-height:1.12;margin-bottom:26px; }.story-copy p,.principle-head p,.founder-layout p { color:rgba(229,239,233,.61);font-size:16px;line-height:1.85;margin:0 0 18px; }.story-copy blockquote { margin:30px 0;padding:4px 0 4px 24px;border-left:2px solid var(--mint);color:#e9f4ed;font-size:clamp(21px,2.7vw,29px);font-weight:580;line-height:1.45;letter-spacing:-.025em; }
.principle-section { padding:92px 0 104px;background:linear-gradient(180deg,rgba(0,255,136,.025),rgba(0,255,136,.045) 50%,rgba(0,255,136,.02));border-block:1px solid rgba(0,255,136,.09); }.principle-layout { display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%; }.principle-head h2 { margin-top:25px; }.principle-head p { max-width:380px; }.principle-card { padding:28px 30px 22px;border-radius:18px;border:1px solid rgba(154,255,204,.12);background:linear-gradient(145deg,rgba(15,23,30,.92),rgba(6,11,16,.94));box-shadow:0 30px 80px rgba(0,0,0,.28); }.principle-card-top,.lyric-footer {display:flex;align-items:center;justify-content:space-between}.live-tag,.card-count,.lyric-footer>span {font-size:8px;letter-spacing:.14em;color:rgba(226,241,231,.4)}.live-tag {display:flex;align-items:center;gap:7px;color:rgba(226,241,231,.65)}.live-tag i {width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.lyric-copy { margin:37px 0 35px;font-size:clamp(23px,3vw,36px);font-weight:650;line-height:1.65;letter-spacing:-.04em;color:#eff5f1; }.lyric-dim {color:rgba(239,245,241,.32)}.lyric-active {color:#06130d;background:var(--mint);padding:1px 7px;border-radius:4px;box-shadow:0 0 23px rgba(0,255,136,.52)}.lyric-footer {border-top:1px solid rgba(255,255,255,.07);padding-top:17px}.lyric-footer div {display:flex;align-items:center;gap:3px;height:15px}.lyric-footer i {width:3px;height:6px;border-radius:3px;background:rgba(0,255,136,.45)}.lyric-footer i:nth-child(2n){height:12px;background:var(--mint)}.lyric-footer i:nth-child(3n){height:8px}
.product-story { padding-bottom:135px; }.use-case-row { margin-top:32px;border-top:1px solid rgba(255,255,255,.09); }.use-case-row a {display:flex;align-items:center;gap:15px;padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px}.use-case-row a span {color:var(--mint);font-size:9px;letter-spacing:.12em}.use-case-row a b {font-weight:600}.use-case-row a i {margin-left:auto;color:var(--mint);font-style:normal}
.founder-section {padding:96px 0;background:#090e14;border-block:1px solid rgba(255,255,255,.05)}.founder-layout {display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;}.founder-monogram {font-size:190px;line-height:.85;letter-spacing:-.12em;font-weight:850;color:rgba(0,255,136,.08);user-select:none}.founder-monogram span{color:rgba(0,255,136,.55)}.founder-layout h2 {margin-top:24px}.founder-layout p {max-width:690px}.founder-signoff {display:flex;align-items:center;gap:12px;margin-top:30px}.signature-line {width:35px;border-top:1px solid var(--mint)}.founder-signoff b,.founder-signoff small {display:block}.founder-signoff b {font-size:13px}.founder-signoff small {margin-top:4px;font-size:10px;color:rgba(255,255,255,.4)}
.seo-faq {padding:96px 0}.faq-layout {display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.faq-layout h2 {font-size:40px;margin-top:24px;max-width:380px}.faq-items details {border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0}.faq-items details:first-child {border-top:1px solid rgba(255,255,255,.1)}.faq-items summary {cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;font-weight:600}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span {font-size:22px;color:var(--mint);font-weight:300;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items p {max-width:590px;color:rgba(229,239,233,.57);font-size:14px;line-height:1.75;margin-top:12px}
.about-cta {padding:58px 0;border-block:1px solid rgba(0,255,136,.12);background:radial-gradient(ellipse at 35% 50%,rgba(0,255,136,.07),transparent 55%),#080d12}.cta-inner {display:flex;align-items:center;gap:24px}.cta-spark {width:52px;height:52px;border:1px solid rgba(0,255,136,.2);border-radius:15px;display:grid;place-items:center;color:var(--mint);font-size:25px}.cta-inner .about-kicker {font-size:8px}.cta-inner h2 {font-size:clamp(25px,3vw,34px);letter-spacing:-.05em;margin:8px 0}.cta-inner p {color:rgba(229,239,233,.52);font-size:13px}.about-cta-button {margin-left:auto;display:inline-flex;align-items:center;gap:24px;padding:15px 19px;border:1px solid rgba(0,255,136,.5);border-radius:10px;background:linear-gradient(135deg,#39ed9c,#00d47b);color:#04130c;font-size:13px;font-weight:750;box-shadow:0 8px 25px rgba(0,220,125,.18);white-space:nowrap}.about-cta-button span {font-size:17px}
.about-footer {padding:30px 0 36px;border-top:1px solid rgba(255,255,255,.05)}.about-footer .footer-inner {display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:20px}.about-footer .nav-logo {font-size:17px}.about-footer .nav-logo-icon {width:28px;height:28px}.about-footer p,.about-footer small {font-size:11px;color:rgba(255,255,255,.34)}.about-footer .footer-inner>div {display:flex;gap:22px}.about-footer .footer-inner>div a {font-size:11px;color:rgba(255,255,255,.53)}
@media(max-width:800px){.about-wrap{width:min(100% - 40px,600px)}.about-page .about-nav{height:66px;padding:12px 20px}.about-nav-links{gap:15px}.about-nav-links>a:not(.nav-btn){display:none}.about-nav-links .nav-btn{padding:8px 11px!important;font-size:11px}.about-hero{min-height:unset;padding-top:78px;padding-bottom:72px;grid-template-columns:1fr;gap:24px}.about-hero h1{font-size:clamp(43px,10vw,65px);max-width:560px;margin:20px 0}.about-lede{font-size:15px}.reader-art{min-height:400px;margin:0 -4px}.reader-window{width:min(440px,calc(100% - 18px));transform:none}.art-note{right:0;bottom:6px}.scroll-cue{bottom:30px}.story-section,.seo-faq{padding:72px 0}.story-grid,.principle-layout,.founder-layout,.faq-layout{grid-template-columns:1fr;gap:32px}.section-index{padding-top:0}.story-copy h2,.principle-head h2,.founder-layout h2,.faq-layout h2{font-size:36px}.story-copy p,.principle-head p,.founder-layout p{font-size:15px}.principle-section{padding:72px 0}.principle-card{padding:22px 20px}.lyric-copy{font-size:25px;margin:28px 0}.product-story{padding-bottom:85px}.founder-section{padding:72px 0}.founder-monogram{display:none}.faq-layout h2{margin-top:18px}.about-cta{padding:35px 0}.cta-inner{display:grid;grid-template-columns:48px 1fr;gap:16px}.cta-spark{width:46px;height:46px}.about-cta-button{grid-column:2;margin:4px 0 0;justify-self:start}.about-footer .footer-inner{grid-template-columns:1fr auto;gap:14px}.about-footer p{grid-column:1/-1;grid-row:2}.about-footer .footer-inner>div{gap:13px}.about-footer small{grid-column:1/-1}.reader-paper{margin:15px 14px 10px;padding:20px}.reader-player{margin:0 10px 10px}}
@media(max-width:420px){.about-wrap{width:calc(100% - 36px)}.about-hero h1{font-size:42px}.about-byline{gap:9px;flex-wrap:wrap}.about-date{font-size:10px}.reader-art{min-height:360px}.paper-title{font-size:23px}.principle-card{padding:19px 16px}.lyric-copy{font-size:23px}.about-footer .footer-inner>div{grid-column:1/-1;grid-row:3}.about-footer small{grid-row:4}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important;transition:none!important}}