:root { --ink:#101114; --paper:#f3f1eb; --muted:#74746f; --orange:#ff5a1f; --lime:#ccff00; --line:rgba(16,17,20,.14); --mono:"DM Mono", monospace; --display:"Space Grotesk", sans-serif; --body:"Manrope", sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); } a { color:inherit; text-decoration:none; } .section-shell { width:min(1180px, calc(100% - 64px)); margin:auto; } .skip-link { position:absolute; left:-999px; } .skip-link:focus { left:16px; top:16px; z-index:20; background:var(--lime); padding:10px; }
.site-header { height:82px; position:fixed; inset:0 0 auto; z-index:10; display:flex; align-items:center; justify-content:space-between; padding:0 max(32px, calc((100vw - 1180px) / 2)); border-bottom:1px solid transparent; transition:background .2s,border-color .2s; } .site-header.is-scrolled { background:rgba(243,241,235,.94); backdrop-filter:blur(12px); border-color:var(--line); }.brand { display:flex; align-items:center; gap:9px; font:700 21px var(--display); letter-spacing:-1.3px; }.brand-ai { color:var(--orange); }.brand-mark { height:22px; display:flex; align-items:end; gap:2px; }.brand-mark i { display:block; width:5px; background:var(--orange); transform:skewY(-30deg); }.brand-mark i:nth-child(1) { height:9px; }.brand-mark i:nth-child(2) { height:16px; }.brand-mark i:nth-child(3) { height:22px; }.site-nav { display:flex; align-items:center; gap:31px; font-size:13px; font-weight:700; }.site-nav > a:not(.nav-cta) { opacity:.72; }.nav-cta { background:var(--ink); padding:12px 17px; color:white; }.nav-cta span { color:var(--lime); }.menu-toggle { display:none; }
.hero { min-height:770px; padding-top:196px; position:relative; overflow:hidden; }.hero-copy { position:relative; z-index:1; width:60%; }.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 19px; color:#60605b; font:500 10px var(--mono); letter-spacing:1.35px; text-transform:uppercase; }.eyebrow span { width:20px; height:1px; background:var(--orange); }.hero h1,.approach h2,.products h2,.outcomes h2,.contact h2 { margin:0; font:700 clamp(54px, 7.8vw, 104px)/.95 var(--display); letter-spacing:-.075em; }.hero h1 em,.approach h2 em,.products h2 em,.outcomes h2 em { color:var(--orange); font-style:normal; }.hero-summary { max-width:530px; margin:30px 0; font-size:16px; line-height:1.7; color:#575752; }.hero-actions { display:flex; align-items:center; gap:28px; }.button { display:inline-flex; gap:22px; align-items:center; padding:16px 19px; font-size:12px; font-weight:800; }.button-primary { background:var(--orange); color:white; }.button span { font-size:16px; }.text-link,.card-link { border-bottom:1px solid currentColor; padding-bottom:4px; font-size:12px; font-weight:800; }.text-link span,.card-link span { color:var(--orange); }.hero-footnote { position:absolute; bottom:48px; font:11px/1.5 var(--mono); color:#65655f; }.hero-footnote span { color:var(--orange); display:block; margin-bottom:8px; }.hero-visual { position:absolute; right:-75px; bottom:30px; width:660px; height:660px; border:1px solid var(--line); border-radius:50%; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:42px 42px; }.orbit { position:absolute; border:1px solid var(--line); border-radius:50%; inset:66px; }.orbit-two { inset:142px; }.orbit-three { inset:214px; }.signal-core { position:absolute; inset:calc(50% - 54px); display:grid; place-items:center; border-radius:50%; background:var(--orange); color:white; box-shadow:0 0 0 14px rgba(255,90,31,.11); }.signal-core b { font:700 25px var(--display); letter-spacing:-2px; }.signal-core span { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--lime); }.signal-core span:nth-child(1) { top:-31px; }.signal-core span:nth-child(2) { right:-31px; }.signal-core span:nth-child(3) { bottom:-31px; }.signal-tag,.signal-coordinate { position:absolute; padding:7px 9px; background:var(--ink); color:white; font:10px var(--mono); letter-spacing:.6px; }.tag-trust { top:145px; left:82px; }.tag-policy { top:250px; right:28px; }.tag-human { bottom:106px; left:45px; }.signal-coordinate { background:transparent; color:#73736d; padding:0; }.coordinate-one { top:78px; right:138px; }.coordinate-two { bottom:47px; right:177px; }
.statement-band { padding:83px 0; background:var(--ink); color:white; }.statement-grid { display:grid; grid-template-columns:1fr 2fr; gap:30px; }.statement-band .eyebrow { color:#999995; }.statement { max-width:710px; margin:0; font:500 clamp(25px,3vw,42px)/1.21 var(--display); letter-spacing:-.045em; }.statement strong { color:var(--lime); font-weight:500; }
.approach,.products { padding:130px 0; }.section-heading { display:grid; grid-template-columns:1.5fr 1fr; gap:80px; align-items:end; }.approach h2,.products h2,.outcomes h2,.contact h2 { font-size:clamp(38px,5vw,66px); }.section-heading > p { margin:0 0 8px; color:#62625d; font-size:14px; line-height:1.75; }.principles { margin-top:82px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.principles article { min-height:240px; padding:25px 25px 10px 0; border-right:1px solid var(--line); }.principles article:not(:first-child) { padding-left:25px; }.principles article:last-child { border:0; }.principle-number,.parker-benefits span { font:10px var(--mono); color:var(--orange); }.principles h3 { margin:43px 0 13px; font:600 19px/1.2 var(--display); letter-spacing:-.6px; }.principles p,.parker-benefits p,.product-card > p { margin:0; color:#65655f; font-size:12px; line-height:1.7; }
.parker-section { padding:115px 0 0; background:#191b20; color:#f4f2ec; overflow:hidden; }.parker-grid { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:90px; }.eyebrow-light { color:#9a9a97; }.parker-copy h2 { margin:13px 0 22px; font:700 clamp(43px,5vw,70px)/.96 var(--display); letter-spacing:-.07em; }.product-kicker { margin:0; font:600 13px var(--mono); letter-spacing:3px; color:white; }.product-kicker span { color:var(--lime); }.parker-summary { color:#b2b2ad; max-width:450px; font-size:15px; line-height:1.75; }.button-light { margin-top:15px; background:var(--lime); color:var(--ink); }.parker-interface { background:#23262d; padding:20px; border:1px solid rgba(255,255,255,.12); box-shadow:20px 20px 0 rgba(0,0,0,.2); }.interface-top { display:flex; justify-content:space-between; color:#b6b7b6; font:9px var(--mono); letter-spacing:1px; }.live-dot { color:var(--lime); }.live-dot:before { content:""; display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:var(--lime); }.route-diagram { display:flex; align-items:center; justify-content:center; min-height:220px; }.route-source,.route-proxy,.route-models { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }.route-source small,.route-models small { font:9px var(--mono); color:#aaa; }.source-icon,.route-models span { display:grid; place-items:center; width:37px; height:37px; background:#3c4048; font:700 16px var(--display); }.route-proxy { width:90px; height:90px; justify-content:center; border-radius:50%; background:var(--orange); font:700 10px/1 var(--mono); }.route-proxy b { font:700 25px var(--display); }.route-line { width:15%; display:flex; justify-content:space-around; }.route-line i { width:3px; height:3px; border-radius:50%; background:var(--lime); }.route-models { position:relative; display:grid; grid-template-columns:repeat(3,1fr); }.route-models small { grid-column:1 / -1; }.interface-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.12); padding-top:17px; }.interface-stats div { display:flex; flex-direction:column; gap:3px; padding-left:12px; border-left:1px solid rgba(255,255,255,.12); }.interface-stats b { font:600 13px var(--mono); color:var(--lime); }.interface-stats span { color:#aaa; font-size:9px; }.parker-benefits { display:grid; grid-template-columns:repeat(3,1fr); margin-top:105px; }.parker-benefits > div { padding:29px 35px 33px 0; border-top:1px solid rgba(255,255,255,.15); }.parker-benefits > div:not(:first-child) { padding-left:35px; border-left:1px solid rgba(255,255,255,.15); }.parker-benefits h3 { margin:28px 0 10px; font:600 19px/1.15 var(--display); letter-spacing:-.6px; }.parker-benefits p { color:#aeaea9; }
.products-heading { margin-bottom:67px; }.product-cards { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.product-card { padding:28px; min-height:570px; display:flex; flex-direction:column; }.meerkat-card { background:#e6e2d6; }.orkestrate-card { background:#20252c; color:#faf9f2; }.card-top { display:flex; justify-content:space-between; align-items:start; }.product-name { margin:0; font:600 17px var(--display); letter-spacing:-1px; }.meerkat-card .product-name span { color:#ea4c22; }.orkestrate-card .product-name span { color:#ccff00; }.card-index { font:10px var(--mono); opacity:.65; }.radar-visual { position:relative; margin:55px auto 42px; height:145px; width:145px; border:1px solid rgba(16,17,20,.25); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 32px,rgba(16,17,20,.16) 33px 34px); overflow:hidden; }.radar-visual:after { content:""; position:absolute; inset:-50%; background:conic-gradient(from 50deg,transparent 0 78%,rgba(234,76,34,.4) 84%,transparent 88%); }.radar-visual i { position:absolute; z-index:1; height:100%; width:1px; left:50%; background:rgba(16,17,20,.18); }.radar-visual i:nth-child(2) { transform:rotate(90deg); }.radar-visual i:nth-child(3) { transform:rotate(45deg); }.radar-visual b { position:absolute; z-index:2; top:34px; right:36px; height:7px; width:7px; border-radius:50%; background:#ea4c22; box-shadow:0 0 0 6px rgba(234,76,34,.16); }.card-label { font:10px var(--mono)!important; letter-spacing:1px; text-transform:uppercase; color:#75736a!important; }.product-card h3 { margin:12px 0; font:600 29px/1.02 var(--display); letter-spacing:-1.5px; }.product-card > p:not(.product-name):not(.card-label) { max-width:400px; }.card-link { align-self:start; margin-top:auto; }.endpoint-visual { position:relative; margin:39px 0 35px; height:165px; padding:19px; border:1px solid rgba(255,255,255,.2); background:linear-gradient(130deg,#303843,#181c21); overflow:hidden; }.endpoint-visual div { display:flex; justify-content:space-between; position:relative; z-index:1; font:10px var(--mono); color:var(--lime); }.endpoint-visual b { color:#eee; font:10px/1.2 var(--mono); }.endpoint-visual i { display:block; position:absolute; top:65px; height:1px; background:rgba(204,255,0,.55); }.endpoint-visual i:nth-of-type(1) { left:25px; width:72%; }.endpoint-visual i:nth-of-type(2) { left:49%; width:46%; top:91px; }.endpoint-visual i:nth-of-type(3) { left:10%; width:50%; top:120px; }.endpoint-visual small { position:absolute; bottom:16px; right:18px; text-align:right; color:#aeb0ae; font:8px var(--mono); letter-spacing:.7px; }.orkestrate-card > p { color:#aeb0ae; }.orkestrate-card .card-label { color:#adb19e!important; }
.outcomes { padding:110px 0; background:var(--orange); color:white; }.outcomes-grid { display:grid; grid-template-columns:.65fr 1.35fr 1fr; gap:60px; }.outcomes .eyebrow { color:#ffd9cb; }.outcomes .eyebrow span { background:var(--lime); }.outcomes h2 em { color:var(--ink); }.outcomes-grid > div > p { max-width:445px; font-size:14px; line-height:1.7; }.outcome-list p { margin:0; padding:19px 0; border-top:1px solid rgba(255,255,255,.45); font-size:13px!important; font-weight:700; }.outcome-list b { color:var(--ink); margin-right:10px; font:10px var(--mono); }.contact { padding:130px 0; }.contact h2 { margin:0 0 34px; }.site-footer { padding:31px 0; border-top:1px solid var(--line); }.footer-grid { display:grid; grid-template-columns:1.1fr 1.4fr 1fr; gap:20px; align-items:start; }.footer-grid > p,.footer-grid small { color:#777770; margin:0; font-size:11px; }.footer-grid div { display:flex; gap:19px; justify-content:end; font-size:11px; font-weight:800; }.footer-grid small { grid-column:1 / -1; margin-top:35px; }
@media (max-width:760px) { .section-shell { width:min(100% - 40px, 1180px); }.site-header { height:68px; padding:0 20px; }.menu-toggle { display:grid; gap:5px; border:0; background:transparent; padding:10px 0 10px 10px; }.menu-toggle i { display:block; width:24px; height:2px; background:var(--ink); }.site-nav { display:none; position:absolute; top:68px; left:0; right:0; padding:22px 20px; align-items:stretch; background:var(--paper); border-bottom:1px solid var(--line); }.site-nav.is-open { display:flex; flex-direction:column; }.hero { min-height:780px; padding-top:135px; }.hero-copy { width:100%; }.hero h1 { font-size:58px; }.hero-summary { max-width:390px; font-size:14px; }.hero-actions { align-items:start; flex-direction:column; gap:22px; }.hero-visual { right:-280px; bottom:30px; opacity:.72; }.hero-footnote { bottom:23px; }.statement-band { padding:58px 0; }.statement-grid,.section-heading,.parker-grid,.outcomes-grid { grid-template-columns:1fr; gap:28px; }.statement { font-size:29px; }.approach,.products,.contact { padding:85px 0; }.principles { grid-template-columns:1fr 1fr; margin-top:55px; }.principles article { min-height:220px; padding:20px 17px 15px 0; }.principles article:nth-child(2) { padding-left:17px; border-right:0; }.principles article:nth-child(3) { padding-left:0; }.principles article:nth-child(4) { padding-left:17px; border-right:0; }.principles h3 { margin-top:30px; font-size:17px; }.parker-section { padding-top:78px; }.parker-grid { gap:48px; }.parker-interface { margin:0 -4px; }.parker-benefits { margin-top:65px; grid-template-columns:1fr; }.parker-benefits > div:not(:first-child) { border-left:0; padding-left:0; }.product-cards { grid-template-columns:1fr; }.product-card { min-height:530px; }.outcomes { padding:76px 0; }.footer-grid { grid-template-columns:1fr; }.footer-grid div { justify-content:start; }.footer-grid small { margin-top:20px; }.route-line { width:11%; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }