@font-face{font-family:Manrope;src:url('assets/manrope-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-medium.woff2') format('woff2');font-weight:500 800;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/jetbrains-mono.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--base:#111315;--surface:#16191e;--blue:#2d54fd;--text:#fff;--muted:#afb5c3;--line:#333b4b;--accent:#8da4ff;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:45px}
body{margin:0;background:var(--base);color:var(--text);font:400 17px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
::selection{background:var(--blue);color:#fff}
img{max-width:100%;display:block}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(42px,4.3vw,64px)}
h2{font-size:clamp(36px,3.5vw,52px)}
h3{font-size:clamp(26px,2.25vw,34px)}
p{color:var(--muted)}
.wrap{width:calc(100% - 11.1%);max-width:1280px;margin-inline:auto}
.section{padding-block:112px}
.eyebrow{font:500 13px/1.6 var(--mono);letter-spacing:.035em;text-transform:uppercase;color:var(--muted)}
.section-heading{text-align:center;max-width:800px;margin:0 auto 76px}
.section-heading .eyebrow{margin-bottom:22px}
.section-heading>p:not(.eyebrow){max-width:650px;margin:26px auto 0;font-size:18px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 18px;border:1px solid var(--line);border-radius:12px;line-height:1.3;font-size:14px;position:relative;transition:box-shadow .25s,background .25s}
.button-primary{color:#111315;background:linear-gradient(180deg,#fff 0%,#e2e6f0 100%);border:2px solid #6a7390;box-shadow:inset 0 0 0 2px #fff8,0 3px 2px #0009}
.button-primary:hover{box-shadow:inset 0 0 0 2px #fff,0 0 22px #2d54fd40}
.button-secondary{background:var(--base);box-shadow:inset 0 0 0 2px #ffffff03,0 3px 2px #0006}
.button-secondary:hover{background:#1c2230}
.arrow{width:20px;height:20px;flex:none;color:var(--blue)}
.button-secondary .arrow{color:var(--accent)}
.button-group{display:flex;justify-content:center;gap:16px;margin-top:34px}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:200;padding:12px;background:#fff;color:#111315}
.skip-link:focus{transform:none}
.masthead{height:92px;margin-bottom:88px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}
.masthead img{width:280px;height:auto}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:'';position:absolute;top:-300px;left:20%;right:20%;height:300px;box-shadow:0 0 150px 35px #2d54fd66;border-radius:50%;z-index:-1}
.hero-content{text-align:center;position:relative;z-index:2;max-width:900px}
.hero-content .eyebrow{margin-bottom:26px}
.hero-intro{max-width:650px;margin:28px auto 32px;font-size:18px;line-height:1.55}
.hero-pixels{position:absolute;inset:0;z-index:-1;opacity:.7;background:radial-gradient(ellipse at 50% 0%,#2d54fd88,transparent 45%),radial-gradient(ellipse at 8% 20%,#2d54fdc0,transparent 50%),radial-gradient(ellipse at 92% 95%,#2d54fd,transparent 45%);mask:url('assets/pixels.avif') repeat;mask-size:240px}
.hero-art{position:relative;display:grid;place-items:center;height:520px;margin-top:68px}
.symbol-field{z-index:1;position:relative;isolation:isolate}
.symbol-field:before{content:'';position:absolute;z-index:-1;inset:12% -60% 4%;background:radial-gradient(ellipse at 59% 44%,#2d54fd40,transparent 45%);transform:rotate(-12deg);pointer-events:none}
.symbol-field img{position:relative;width:460px;height:auto}
.orbit{position:absolute;width:145%;height:730px;border:1px solid #647bb738;border-radius:50%;top:95px;box-shadow:0 -8px 55px #2d54fd0d}
.orbit-two{width:125%;top:125px;opacity:.65}.orbit-three{width:105%;top:155px;opacity:.4}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}
.service-card{position:relative;border:1px solid var(--line);border-radius:32px;min-height:640px;display:flex;align-items:flex-end;overflow:hidden;background:#101217;isolation:isolate;transition:border-color .3s;cursor:pointer}
.service-card:hover,.service-card:focus-within{border-color:#687fc6}
.service-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(1);opacity:.65;transition:transform .7s,opacity .7s}
.service-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#2d54fd38,transparent 55%,#101217 90%);mix-blend-mode:screen;pointer-events:none}
.service-card:hover .service-art{transform:scale(1.05);opacity:1}
.service-content{width:100%;padding:32px}
.service-content>.eyebrow{font-size:11px;margin-bottom:12px;color:#bac7ed}
.service-content h3{margin-bottom:20px}
details summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;border-top:1px solid #ffffff20;padding-top:17px;font-size:14px;color:var(--muted)}
summary::-webkit-details-marker{display:none}
summary span{font-size:24px;line-height:1;transition:transform .2s}
details[open] summary span{transform:rotate(45deg)}
.service-card:has(details[open]) .service-art{opacity:.15}
.service-card:has(details[open]) .service-content{background:linear-gradient(0deg,#111315 80%,transparent);padding-top:48px}
.service-details{padding-top:12px;font-size:14px;color:var(--muted)}
.service-details h4{font:500 12px var(--mono);text-transform:uppercase;color:var(--accent);margin:20px 0 8px}
.service-details ul{margin:0;padding-left:16px}
.service-details li{padding:2px 0}
.case-study{position:relative;overflow:hidden;text-align:center;padding-block:150px}
.case-inner{position:relative}
.case-lines{position:absolute;inset:40px 0;pointer-events:none;background:linear-gradient(90deg,transparent 49.95%,#38476677 50%,transparent 50.05%);opacity:.65}
.case-lines:before,.case-lines:after{content:'';position:absolute;width:70%;height:280px;left:15%;border:1px solid #46537566;border-radius:50%;transform:perspective(600px) rotateX(55deg)}
.case-lines:before{top:-90px}.case-lines:after{bottom:-90px}
.personr-logo{width:230px;margin:28px auto 36px;background:white;padding:16px 24px;border-radius:8px}
.personr-logo img{width:100%;height:auto}
.case-study .section-heading{margin-bottom:36px}
.case-study .case-role{font:500 12px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.02em;color:var(--accent)}
.case-copy{max-width:780px;margin-inline:auto;position:relative;background:var(--base);padding:12px 0}
.case-copy p+p{margin-top:20px}
.results{display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;margin:58px auto 44px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--base)}
.results>div+div{border-left:1px solid var(--line)}
.result-number{display:block;font-size:52px;letter-spacing:-.045em;line-height:1.3;margin-bottom:12px}
.result-label{font-size:40px;line-height:1.69}
.results p{font-size:14px;line-height:1.5}
.vision{height:230vh;position:relative;border-block:1px solid var(--line)}
.vision-sticky{height:100svh;min-height:560px;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#2d54fd20,transparent 45%),radial-gradient(ellipse at 100% 100%,#2d54fd18,transparent 45%)}
.vision-content{text-align:center;width:100%;padding-inline:20px}
.vision-content .eyebrow{margin-bottom:22px}
.vision-words{font-size:clamp(38px,7vw,100px);line-height:1.12;position:relative}
.vision-words span{display:block}
.motion-ready .vision-words{height:1.25em;overflow:hidden}
.motion-ready .vision-words span{position:absolute;inset:0}
.motion-ready .vision-words span:not(:first-child){transform:translateY(120%)}
.line-stack{flex:1;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%}
.line-stack i{height:1px;width:85%;background:linear-gradient(90deg,transparent,#62729c66,transparent)}
.line-stack i:nth-child(2){width:75%}.line-stack i:nth-child(3){width:60%}.line-stack i:nth-child(4){width:48%}.line-stack i:nth-child(5){width:36%}.line-stack i:nth-child(6){width:26%}.line-stack i:nth-child(7){width:18%}
.line-stack.reverse{flex-direction:column-reverse}
.about{text-align:center;padding-top:160px}
.about>.eyebrow{margin-bottom:32px}
.text-reveal{font-size:clamp(28px,3.15vw,46px);line-height:1.4;max-width:980px;margin:auto}
.text-reveal .word{display:inline-block}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:85px;text-align:left;border-top:1px solid var(--line);padding-top:36px}
.experience-value{font-size:28px;letter-spacing:-.04em;display:block;margin-bottom:12px}
.experience-grid p{font-size:15px}
.founder{padding-top:30px}
.founder-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;border:1px solid var(--line);border-radius:32px;padding:40px;background:linear-gradient(135deg,#1a1e28,#111315 65%);align-items:center}
.founder-photo{position:relative;overflow:hidden;border-radius:20px;min-height:480px;align-self:stretch;background:#20252c}
.founder-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.founder-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#111315c0);pointer-events:none}
.founder-photo .button{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:1}
.founder-copy{padding:25px 20px 25px 0}
.founder-copy .eyebrow{margin-bottom:20px}
.founder-copy h2{margin-bottom:14px}
.founder-role{color:var(--text);font-size:17px;margin-bottom:30px}
.founder-facts{display:flex;gap:56px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.founder-facts .eyebrow{font-size:11px}.founder-facts p{margin-top:6px;color:var(--text)}
.platform{padding-block:0 100px}
.platform-inner{border-block:1px solid var(--line);padding:48px 0;display:flex;align-items:center;gap:70px;justify-content:space-between}
.platform-inner h2{font-size:34px;margin:16px 0}
.platform-inner p:not(.eyebrow){max-width:590px;font-size:16px}
.platform-inner>.button{flex-shrink:0}
.contact{padding-top:45px;padding-bottom:110px}
.contact .section-heading{margin-bottom:0}
.contact h2{font-size:clamp(38px,4.5vw,64px)}
footer{border-top:1px solid var(--line);position:relative;overflow:hidden;padding-bottom:45px}
.footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:40px;gap:24px}
.footer-top nav{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;align-items:center;color:var(--muted)}
.footer-top nav button{padding:0}
.footer-social{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:14px;color:var(--muted)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;text-align:center;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}
.footer-wordmark{margin:64px 4% 15px;padding:32px 0;background:var(--base)}
.footer-wordmark img{width:100%;height:auto}
.dock{z-index:50;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:10px 12px 10px 20px;background:#111315f5;border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 24px #0003;backdrop-filter:blur(16px);transition:opacity .25s,visibility .25s}
.dock.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.dock-home{padding:8px;flex-shrink:0}
.dock-links{display:flex;align-items:center;gap:24px;font-size:15px;white-space:nowrap;color:var(--muted)}
.dock-links button{padding:0}
.dock-links a:hover,.footer-top a:hover{color:#fff}
.dock-cta{white-space:nowrap;margin-left:8px}
.menu-toggle,.mobile-menu{display:none}
/* Reference button lettering, clipped to one line while its duplicate rolls in. */
.button-label{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;line-height:1.3}
.button-character{display:inline-block;position:relative;white-space:pre;text-shadow:0 1.3em currentColor;transform:translateY(0) rotate(.001deg);transition:transform .6s cubic-bezier(.625,.05,0,1)}
.button:focus-visible .button-character{transform:translateY(-1.3em) rotate(.001deg)}
@media(hover:hover){.button:hover .button-character{transform:translateY(-1.3em) rotate(.001deg)}}
.demo-banner{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px max(20px,5.55%);background:#20242b;border-bottom:1px solid var(--line);font-size:12px}
.demo-credit,.demo-contact{display:flex;align-items:center;gap:16px}
.demo-credit img{width:32px;height:32px;flex:none}
.demo-credit p{color:var(--text)}
.demo-credit p span{color:var(--muted);margin-left:5px}
.demo-banner a{text-underline-offset:4px}
.demo-banner a:hover{text-decoration:underline}
.demo-contact{gap:24px;color:#d5d9e2}
.demo-notice{position:fixed;z-index:60;bottom:110px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 32px));display:flex;align-items:flex-start;gap:12px;padding:18px 14px 18px 20px;border:1px solid #5c6984;border-radius:16px;background:#202631;box-shadow:0 12px 32px #0005;font-size:14px;line-height:1.55}
.demo-notice[hidden]{display:none}
.notice-close{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:6px;margin-top:-4px}
.notice-close:hover{background:#ffffff12}
@media(min-width:1000px){.service-grid:has(.service-card:hover) .service-card:not(:hover) .service-art{opacity:.3}}
@media(max-width:1050px){.service-grid{gap:18px}.service-content{padding:24px}.service-card{min-height:570px}.service-content h3{font-size:27px}.founder-card{gap:35px;padding:28px}.dock-links{gap:17px}.dock{gap:8px}.platform-inner{gap:35px}.platform-inner h2{font-size:28px}.experience-grid{gap:30px}.experience-value{font-size:25px}}
@media(max-width:800px){
  .demo-banner{padding:10px 20px;flex-wrap:wrap;gap:4px}.demo-contact{margin-left:48px;gap:18px;font-size:11px}.demo-notice{bottom:94px}.notice-close{width:44px;height:44px;margin-block:-8px}
  .wrap{width:calc(100% - 40px)}.section{padding-block:75px}.masthead{height:85px}.masthead img{width:260px}
  .masthead{margin-bottom:65px}.hero-intro{font-size:16px;max-width:530px}.hero-content .eyebrow{font-size:11px}.hero-art{height:400px;margin-top:40px}.symbol-field img{width:min(340px,82vw);height:auto}.orbit{height:480px;top:90px}.orbit-two{top:115px}.orbit-three{top:140px}
  .section-heading{margin-bottom:45px}.section-heading>p:not(.eyebrow){font-size:16px}.service-grid{grid-template-columns:1fr;gap:24px}.service-card{min-height:480px}.service-content{padding:30px}.service-content h3{font-size:34px}.service-art{object-position:center 30%}.service-content>.eyebrow{font-size:12px}
  .case-study{padding-block:110px}.case-copy{font-size:16px}.result-number{font-size:40px}.result-label{font-size:27px;line-height:1.93}.results p{font-size:12px}.results{margin-block:40px 32px}.case-lines:before,.case-lines:after{width:110%;left:-5%}
  .vision-sticky{min-height:450px}.vision-content .eyebrow{font-size:10px}.vision-words{font-size:clamp(34px,7.1vw,57px)}.vision-sticky{gap:36px}
  .experience-grid{gap:24px}.experience-value{font-size:23px}.experience-grid p{font-size:13px}.experience-grid{margin-top:50px}
  .founder-card{grid-template-columns:1fr;gap:30px;padding:22px}.founder-photo{min-height:520px}.founder-copy{padding:12px 10px 24px}.founder-copy h2{font-size:40px}
  .platform-inner{flex-direction:column;align-items:flex-start;gap:28px;padding-block:36px}.platform-inner h2{font-size:32px}.platform{padding-top:0}.contact{padding-top:0}
  .footer-top{flex-wrap:wrap}.footer-top nav{gap:20px;font-size:14px}.footer-wordmark{margin-top:42px}footer{padding-bottom:85px}
  .dock{bottom:16px;width:calc(100% - 32px);max-width:460px;padding:8px 10px;border-radius:20px;justify-content:space-between}.dock-links{display:none}.dock-home{padding:6px}.dock-home img{width:26px;height:26px}.dock-cta{font-size:12px;gap:10px;min-height:44px;padding:9px 12px;margin:0;border-radius:12px}.dock-cta .arrow{width:18px;height:18px}.menu-toggle{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);text-transform:uppercase;min-height:44px}.menu-icon{font:20px Arial}
  .mobile-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;bottom:calc(100% + 10px);left:0;right:0;border:1px solid var(--line);background:#111315;border-radius:22px;padding:10px 24px 22px;box-shadow:0 10px 50px #0009;max-height:calc(100svh - 120px);overflow:auto}
  .mobile-menu>a,.mobile-menu>button{text-align:left;padding:13px 0;font-size:17px;border-bottom:1px solid #ffffff10;display:flex;justify-content:space-between}.mobile-menu>button{color:var(--muted)}.menu-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.menu-close{font-size:30px;min-width:44px;min-height:44px}
}
@media(max-width:480px){
  h1{font-size:39px}.masthead{margin-bottom:48px}.hero-content .eyebrow{font-size:10px}.hero-intro{font-size:15px}.hero-art{height:360px}.symbol-field img{width:min(290px,84vw);height:auto}.hero-pixels{opacity:.5}.service-card{min-height:470px}.section-heading h2{font-size:36px}.service-content h3{font-size:31px}
  .results{grid-template-columns:1fr;gap:24px;padding:28px 0}.results>div+div{border-left:0;border-top:1px solid var(--line);padding-top:24px}.result-number{font-size:48px;margin-bottom:4px}.result-label{font-size:36px;line-height:1.5}.results p{font-size:14px}.case-study .section-heading h2{font-size:34px}.case-copy{text-align:left}
  .experience-grid{grid-template-columns:1fr;gap:26px}.experience-grid>div{padding-bottom:24px;border-bottom:1px solid var(--line)}.experience-value{font-size:29px}.experience-grid p{font-size:15px}.text-reveal{font-size:29px}.about{padding-bottom:35px}
  .founder-photo{min-height:380px}.founder-card{padding:15px}.founder-copy{padding:15px 10px 20px}.founder-copy h2{font-size:36px}.founder-role{font-size:15px}.founder-copy>p:not(.eyebrow){font-size:15px}.founder-facts{gap:25px}.founder-facts p{font-size:14px}.founder-photo .button{font-size:14px;padding-inline:16px}.platform-inner h2{font-size:28px}
  .contact .button-group{flex-direction:column;align-items:center}.footer-top nav{gap:16px;flex-wrap:wrap;font-size:13px}.footer-top{gap:20px}.footer-symbol{width:44px;height:44px}.footer-bottom{font-size:10px}.dock{gap:4px}.dock-cta{font-size:11px;padding-inline:9px}.menu-toggle{font-size:11px;gap:6px}.dock-home{padding:4px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.vision{height:auto}.vision-sticky{position:relative;height:auto;min-height:600px}.vision-words span+span{margin-top:14px}.vision-words{font-size:clamp(30px,6vw,80px)}}

@media(prefers-reduced-motion:reduce){.button .button-character,.button:hover .button-character,.button:focus-visible .button-character{transform:none;text-shadow:none}}