@layer components{.about{--ground:#0c1720;--ground-raised:#132430;--ground-sunk:#070f16;--warm:#211306;--warm-raised:#2e1d0b;--ink:#eaf2f8;--muted:#a3b6c4;--faint:#7e92a1;--accent-fill:#0369a1;--accent-bright:#4fb9ec;--accent-deep:#02537f;--accent-ink:#fff;--tan:#e9b87c;--tan-deep:#c8945a;--presence:#4fd39a;--line:#21323f;--line-strong:#667a8a;--line-warm:#3b2913;--line-warm-strong:#8a6b44;--focus:#e9b87c;--bubble-them:#1b2c38;--bubble-me:#0369a1;--shadow:0 2px 6px #00000057,0 14px 40px #00000057;--shadow-lift:0 4px 12px #0006,0 30px 70px #00000080;--display:"SF Pro Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;--maxw:1280px;--step:clamp(1rem,.6rem + 1.4vw,1.35rem);--blob-a:62% 38% 46% 54%/60% 55% 45% 40%;--blob-b:44% 56% 62% 38%/42% 62% 38% 58%;--background:var(--ground);--surface:var(--ground-raised);--surface-raised:#1c303d;--border:#263a49;--foreground:var(--ink);--accent:var(--accent-bright);--accent-foreground:var(--ground);--danger:#f79489;--bubble-own:var(--accent-fill);--bubble-own-foreground:#fff;--bubble-other:var(--bubble-them);--bubble-other-foreground:var(--ink);background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--body);font-size:var(--step);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow:clip}.about *{box-sizing:border-box}.about .wrap{max-width:var(--maxw);z-index:1;margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.5rem);position:relative}.about .eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);margin:0;font-size:.72rem}.about h1,.about h2,.about h3{font-family:var(--display);text-wrap:balance;margin:0}.about a{color:inherit}.about :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:.4rem}.about .field{pointer-events:none;z-index:0;filter:blur(70px);opacity:.5;position:absolute}.about .field-1{background:radial-gradient(circle at 50% 50%,var(--accent-fill),transparent 62%);width:44rem;height:44rem;top:-14rem;right:-10rem}.about .field-2{background:radial-gradient(circle at 50% 50%,var(--tan-deep),transparent 60%);opacity:.24;width:38rem;height:38rem;top:26rem;left:-16rem}.about .field-3{background:radial-gradient(circle at 50% 50%,var(--accent-deep),transparent 62%);opacity:.4;width:40rem;height:40rem;bottom:-8rem;right:-12rem}@keyframes about-blob{0%,to{border-radius:62% 38% 46% 54%/60% 55% 45% 40%}33%{border-radius:44% 56% 62% 38%/42% 62% 38% 58%}66%{border-radius:56% 44% 36% 64%/52% 38% 62% 48%}}@keyframes about-drift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-14px)rotate(2.5deg)}}@keyframes about-pop{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}@keyframes about-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes about-blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes about-ring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.4)}}@keyframes about-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes about-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.about .top{z-index:20;background:var(--ground);border-bottom:1px solid var(--line);position:sticky;top:0}.about .top .wrap{justify-content:space-between;align-items:center;gap:1rem;padding-block:.85rem;display:flex}.about .brand{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.about .top-nav{align-items:center;gap:clamp(.6rem,2vw,1.4rem);display:flex}.about .top-link{color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.about .top-link:hover{color:var(--ink);border-bottom-color:var(--accent-bright)}.about .dot{background:var(--presence);border-radius:var(--blob-a);flex:none;width:.7rem;height:.7rem;animation:9s ease-in-out infinite about-blob;position:relative}.about .dot:after{content:"";border-radius:inherit;background:var(--presence);animation:2.6s ease-out infinite about-ring;position:absolute;inset:0}.about .btn{font-family:var(--body);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:1.4rem .9rem;align-items:center;gap:.5rem;padding:.72rem 1.15rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s,background .2s,border-color .2s,color .2s,border-radius .3s;display:inline-flex}.about .btn-primary{background:var(--accent);color:var(--accent-foreground);box-shadow:var(--shadow)}.about .btn-primary:hover{opacity:.9;box-shadow:var(--shadow-lift);border-radius:.9rem 1.4rem;transform:translateY(-3px)rotate(-1.2deg)scale(1.02)}.about .btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.about .btn-ghost:hover{border-color:var(--tan);color:var(--tan);border-radius:.9rem 1.4rem;transform:translateY(-3px)rotate(1.2deg)scale(1.02)}.about .btn:active{transform:translateY(-1px)scale(.97)}.about .btn-lg{padding:.95rem 1.55rem;font-size:1.02rem}.about .arrow{transition:transform .18s}.about .btn:hover .arrow{animation:.6s ease-in-out infinite about-nudge}.about .hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(2rem,5vw,4rem)}.about .hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.about .hero h1{letter-spacing:-.045em;margin:.7rem 0 1.3rem;font-size:clamp(2.75rem,1.2rem + 8.4vw,7.5rem);font-weight:900;line-height:.92}.about .hero h1 .l{display:inline}@media (min-width:700px){.about .hero h1 .l{display:block}}.about .hero h1 .live{background:var(--tan);color:var(--warm);border-radius:58% 42% 48% 52%/56% 52% 48% 44%;padding:.05em .16em .09em;line-height:.82;transition:transform .25s cubic-bezier(.2,.8,.3,1.4),border-radius .35s;display:inline-block;transform:rotate(-1.6deg)}.about .hero h1:hover .live{border-radius:42% 58% 52% 48%/44% 48% 52% 56%;transform:rotate(1.8deg)scale(1.04)}.about .lede{color:var(--muted);max-width:36ch;margin:0 0 2rem;font-size:clamp(1.05rem,.95rem + .45vw,1.32rem)}.about .cta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.about .phone{background:var(--ground-raised);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-radius:2.4rem 1.5rem;flex-direction:column;gap:.7rem;padding:1.15rem 1.15rem 1.3rem;transition:transform .4s cubic-bezier(.2,.8,.3,1.2),border-radius .4s;display:flex;position:relative;overflow:hidden;transform:rotate(1.1deg)}.about .phone:hover{border-radius:1.5rem 2.4rem;transform:rotate(0)translateY(-4px)}.about .phone:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-bright),var(--tan),transparent);opacity:.8;height:3px;position:absolute;inset:0 0 auto}.about .phone-head{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.1rem .2rem .55rem;display:flex}.about .avatar{border-radius:var(--blob-a);width:2.1rem;height:2.1rem;font-family:var(--display);color:var(--warm);background:linear-gradient(140deg,var(--tan),var(--tan-deep));flex:none;place-items:center;font-size:.8rem;font-weight:700;animation:11s ease-in-out infinite about-blob;display:grid}.about .phone-head .who{font-size:.92rem;font-weight:650}.about .phone-head .status{color:var(--presence);align-items:center;gap:.35rem;font-size:.72rem;display:flex}.about .phone-head .status .dot{width:.5rem;height:.5rem}.about .phone-head .status .dot:after{opacity:0;animation:none}.about .msg{opacity:1;max-width:84%;padding:.55rem .8rem;font-size:.9rem;line-height:1.42;animation:.55s cubic-bezier(.2,.8,.3,1.5) both about-pop;position:relative}.about .msg.them{background:var(--bubble-them);color:var(--ink);border-radius:1.1rem 1.1rem 1.1rem .35rem;align-self:flex-start}.about .msg.me{background:var(--bubble-me);color:var(--accent-ink);border-radius:1.1rem 1.1rem .35rem;align-self:flex-end}.about .msg:first-of-type{animation-delay:.1s}.about .msg:nth-of-type(2){animation-delay:.28s}.about .msg:nth-of-type(3){animation-delay:.46s}.about .msg:nth-of-type(4){animation-delay:.64s}.about .msg .react{background:var(--ground-sunk);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:1rem;padding:.08rem .45rem;font-size:.72rem;transition:transform .25s cubic-bezier(.2,.8,.3,1.6);position:absolute;bottom:-.75rem;right:.4rem}.about .phone:hover .msg .react{transform:scale(1.18)rotate(-6deg)}.about .seen{color:var(--faint);align-self:flex-end;margin-top:.1rem;margin-right:.2rem;font-size:.68rem}.about .typing{background:var(--bubble-them);border-radius:1.1rem 1.1rem 1.1rem .35rem;align-self:flex-start;gap:.22rem;padding:.55rem .7rem;display:inline-flex}.about .typing i{background:var(--faint);border-radius:50%;width:.4rem;height:.4rem;animation:1.3s ease-in-out infinite about-blink;display:inline-block}.about .typing i:nth-child(2){animation-delay:.18s}.about .typing i:nth-child(3){animation-delay:.36s}.about .ticker{border-block:1px solid var(--line);background:var(--ground-sunk);z-index:1;padding-block:.8rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.about .ticker-track{gap:.9rem;width:max-content;animation:46s linear infinite about-marquee;display:flex}.about .ticker:hover .ticker-track{animation-play-state:paused}.about .ticker span{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--line-strong);white-space:nowrap;border-radius:1.2rem .6rem;padding:.28rem .8rem;font-size:.76rem}.about .ticker span:nth-child(3n){color:var(--tan);border-color:var(--line-warm-strong)}.about .ticker span:nth-child(4n){color:var(--accent-bright);border-color:var(--accent-deep)}.about .section{padding-block:clamp(3.5rem,8vw,6rem);position:relative}.about .section-head{max-width:56ch;margin-bottom:clamp(2rem,4vw,3rem)}.about .section-head h2{letter-spacing:-.035em;margin:.6rem 0 .8rem;font-size:clamp(2.2rem,1.3rem + 3.6vw,4.2rem);font-weight:900;line-height:.98}.about .section-head h1{letter-spacing:-.03em;margin:.5rem 0 .8rem;font-size:clamp(1.9rem,1.4rem + 2.4vw,3rem);font-weight:900;line-height:1.05}.about .section-head p{color:var(--muted);margin:0}.about .directory{max-width:46rem}.about .start-panel{max-width:34rem}.about .share-panel{max-width:34rem;margin-inline:auto}.about .transcript{max-width:44rem;margin-inline:auto}.about .grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.about .card{background:var(--ground-raised);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.6rem .9rem;flex-direction:column;gap:.55rem;padding:1.5rem 1.5rem 1.6rem;transition:transform .22s cubic-bezier(.2,.8,.3,1.3),box-shadow .22s,border-color .22s,border-radius .35s,opacity .22s;display:flex}.about .card:nth-child(2n){border-radius:.9rem 1.6rem}.about .card:hover{box-shadow:var(--shadow-lift);border-color:var(--line-strong);transform:translateY(-6px)rotate(-.8deg)}.about .card:nth-child(2n):hover{transform:translateY(-6px)rotate(.8deg)}.about .grid:has(.card:hover) .card:not(:hover){opacity:.62}.about .card .glyph{border-radius:var(--blob-a);background:color-mix(in oklab,var(--accent-fill) 34%,var(--ground-sunk));width:2.6rem;height:2.6rem;color:var(--accent-bright);place-items:center;margin-bottom:.35rem;transition:border-radius .4s,transform .3s cubic-bezier(.2,.8,.3,1.5),background .3s,color .3s;display:grid}.about .card:hover .glyph{border-radius:var(--blob-b);background:color-mix(in oklab,var(--tan) 30%,var(--warm));color:var(--tan);transform:rotate(-8deg)scale(1.08)}.about .card .glyph svg{width:1.35rem;height:1.35rem}.about .card h3{letter-spacing:-.02em;font-size:1.2rem;font-weight:800;line-height:1.15}.about .card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.about .card ul{flex-wrap:wrap;gap:.4rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.about .card li{font-family:var(--mono);color:var(--faint);background:var(--ground-sunk);border:1px solid var(--line);border-radius:.9rem .4rem;padding:.2rem .55rem;font-size:.7rem;transition:color .22s,border-color .22s,transform .22s}.about .card:hover li{color:var(--tan);border-color:var(--line-warm-strong)}.about .span-2{grid-column:span 2}.about .band{background:var(--warm);position:relative}.about .band .section{padding-block:clamp(3rem,7vw,5rem)}.about .wave{z-index:1;width:100%;height:clamp(38px,5vw,72px);display:block;position:relative}.about .band .eyebrow{color:var(--tan)}.about .flow{grid-template-columns:repeat(3,1fr);gap:1.4rem;display:grid}.about .flow .step{background:var(--warm-raised);border:1px solid var(--line-warm);border-radius:1.8rem .8rem;padding:1.5rem 1.4rem 1.6rem;transition:transform .22s cubic-bezier(.2,.8,.3,1.3),border-color .22s,opacity .22s,border-radius .35s;position:relative;overflow:hidden}.about .flow:has(.step:hover) .step:not(:hover){opacity:.55}.about .flow .step:hover{border-color:var(--line-warm-strong);border-radius:.8rem 1.8rem;transform:translateY(-6px)}.about .flow .n{font-family:var(--display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:2px var(--line-warm-strong);pointer-events:none;font-size:clamp(4.5rem,3rem + 6vw,8rem);font-weight:900;line-height:1;transition:-webkit-text-stroke-color .25s,transform .3s cubic-bezier(.2,.8,.3,1.3);position:absolute;top:-.3em;right:.1em}.about .flow .step:hover .n{-webkit-text-stroke-color:var(--tan);transform:translateY(4px)rotate(-4deg)}@supports not (-webkit-text-stroke:1px red){.about .flow .n{color:var(--line-warm)}}.about .flow .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tan);font-size:.72rem;position:relative}.about .flow .step h3{letter-spacing:-.02em;margin:.4rem 0 .5rem;font-size:1.22rem;font-weight:800;position:relative}.about .flow .step p{color:var(--muted);margin:0;font-size:.94rem;position:relative}.about .close{text-align:center;padding-block:clamp(4rem,9vw,7rem);position:relative}.about .close h2{letter-spacing:-.05em;margin:.5rem 0 1rem;font-size:clamp(3rem,1.6rem + 7vw,7rem);font-weight:900;line-height:.9}.about .close h2 em{color:var(--tan);font-style:normal}.about .close p{color:var(--muted);max-width:42ch;margin:0 auto 2rem}.about .close .cta-row{justify-content:center}.about .foot{border-top:1px solid var(--line);background:var(--ground-sunk)}.about .foot .wrap{color:var(--faint);padding-block:2.75rem 2.25rem;font-size:.82rem}.about .foot .brand{color:var(--ink);font-size:1.05rem}.about .foot ul{margin:0;padding:0;list-style:none}.about .foot-grid{grid-template-columns:1fr auto auto;align-items:start;gap:2.25rem 4rem;display:grid}.about .foot-identity{flex-direction:column;gap:.75rem;display:flex}.about .foot-tagline{max-width:42ch;color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.about .foot-head{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 1rem;font-size:.68rem}.about .foot-head a{color:inherit;border-bottom:1px solid #0000;margin-block:-.4rem;padding-block:.4rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.about .foot-head a:hover{color:var(--ink);border-bottom-color:var(--accent-bright)}.about .foot-col ul{flex-direction:column;gap:.5rem;display:flex}.about .foot-link{color:var(--muted);border-bottom:1px solid #0000;padding-block:.19rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.about .foot-link:hover{color:var(--ink);border-bottom-color:var(--accent-bright)}.about .foot-tags{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.9rem}.about .foot-tags ul{flex-wrap:wrap;gap:.55rem;display:flex}.about .foot-tag{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);background:var(--ground-raised);border:1px solid var(--line-strong);white-space:nowrap;border-radius:1.2rem .6rem;padding:.34rem .8rem;font-size:.72rem;text-decoration:none;transition:color .2s,border-color .2s,transform .2s,border-radius .3s;display:inline-block}.about .foot-tag:hover{color:var(--accent-bright);border-color:var(--accent-deep);border-radius:.6rem 1.2rem;transform:translateY(-2px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.about .reveal{animation:linear both about-rise;animation-timeline:view();animation-range:entry 4% cover 24%}}}.about .prose{max-width:44ch;color:var(--muted);flex-direction:column;gap:1.1rem;display:flex}.about .prose p{margin:0}.about .faq{flex-direction:column;gap:.7rem;max-width:50ch;display:flex}.about .qa{background:var(--ground-raised);border:1px solid var(--line);border-radius:1.1rem .7rem;transition:border-color .2s;overflow:hidden}.about .qa:hover{border-color:var(--line-strong)}.about .qa summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;list-style:none;display:flex}.about .qa summary::-webkit-details-marker{display:none}.about .qa summary h3{margin:0;font-size:1.02rem;font-weight:650}.about .qa .chev{color:var(--accent-bright);flex:none;font-size:1.1rem;line-height:1;transition:transform .25s cubic-bezier(.2,.8,.3,1.4)}.about .qa[open] .chev{transform:rotate(45deg)}.about .qa>p{color:var(--muted);max-width:44ch;margin:0;padding:0 1.15rem 1.15rem}.about .article{max-width:50ch}.about .article h2{letter-spacing:-.02em;margin:2.75rem 0 .85rem;font-size:clamp(1.45rem,1.15rem + 1.2vw,2rem);line-height:1.22}.about .article h3{margin:0 0 .45rem;font-size:1.08rem;font-weight:700;line-height:1.35}.about .article p{color:var(--muted);margin:0 0 1.05rem}.about .article>p:last-child{margin-bottom:0}.about .article .lede{color:var(--ink);max-width:none;margin-bottom:1.6rem;font-size:clamp(1.08rem,1rem + .4vw,1.25rem)}.about .article a,.about .prose a,.about .qa>p a{color:var(--accent-bright);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.06em}.about .article a:hover,.about .prose a:hover,.about .qa>p a:hover{color:var(--tan)}.about .article .qa-item{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:1.3rem}.about .article .qa-item p:last-child{margin-bottom:0}.about .cform-wrap{max-width:44rem}.about .cform{flex-direction:column;gap:1.4rem;display:flex}.about .cfield{border:0;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.about .cfield>span,.about .clegend{color:var(--ink);font-size:.92rem;font-weight:650}.about .cfield em{color:var(--tan);font-size:.85rem;font-style:normal}.about .cform input[type=text],.about .cform input:not([type]),.about .cform input[name=name],.about .cform textarea{width:100%;font:inherit;color:var(--ink);background:var(--ground-sunk);border:1px solid var(--line-strong);border-radius:1rem .6rem;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.about .cform textarea{resize:vertical;min-height:9rem;line-height:1.55}.about .cform input::placeholder,.about .cform textarea::placeholder{color:var(--faint)}.about .cform input:focus,.about .cform textarea:focus{border-color:var(--accent-bright);outline:none;box-shadow:0 0 0 3px #4fb9ec38}.about .cradios{flex-direction:column;gap:.55rem;display:flex}.about .cradio{color:var(--muted);cursor:pointer;align-items:center;gap:.7rem;font-size:.95rem;display:flex}.about .cradio input{accent-color:var(--accent-bright);flex:none;width:1.05rem;height:1.05rem}.about .cradio:hover{color:var(--ink)}.about .cform button[type=submit]{border:0;align-self:flex-start}.about .cform button[disabled]{opacity:.6;cursor:progress}.about .cnote{border-radius:1rem .6rem;margin:0;padding:.85rem 1rem;font-size:.95rem}.about .cnote-good{color:var(--ink);background:#4fd39a1f;border:1px solid #4fd39a66}.about .cnote-bad{border:1px solid var(--tan-deep);color:var(--ink);background:#e9b87c1f}@media (prefers-reduced-motion:reduce){.about *,.about :before,.about :after{transition:none!important;animation:none!important}.about .typing i{opacity:.55}.about .ticker-track{transform:none}}@media (max-width:980px){.about .hero-grid{grid-template-columns:1fr}.about .phone{order:-1;transform:rotate(0)}.about .grid,.about .flow{grid-template-columns:1fr 1fr}.about .span-2{grid-column:span 2}.about .foot-grid{grid-template-columns:1fr 1fr;gap:2rem 2.5rem}.about .foot-identity{grid-column:1/-1}}@media (max-width:600px){.about .grid,.about .flow{grid-template-columns:1fr}.about .span-2{grid-column:auto}.about .field{opacity:.32}.about .foot-grid{grid-template-columns:1fr 1fr;gap:1.75rem 1.5rem}.about .foot .wrap{padding-block:2.25rem 1.9rem}.about .foot-tags{margin-top:1.75rem;padding-top:1.5rem}.about .foot-tag{padding:.3rem .7rem;font-size:.68rem}.about .cta-row .btn{flex:100%;justify-content:center}.about .top-link-optional{display:none}}}body:has(.about){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1720}
