@font-face{font-family:"Arimo";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/fonts/arimo-latin.woff2") format("woff2")}:root{--ink:#0a0a0a;--paper:#ffffff;--soft:#f4f4f1;--line:#d9d9d3;--muted:#62625f;--shell:min(1240px,calc(100vw - 48px));--radius:20px;--shadow:0 16px 50px rgba(0,0,0,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arimo",Arial,sans-serif;font-size:17px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--ink);color:var(--paper)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:12px;z-index:9999;transform:translateY(-160%);background:var(--ink);color:white;padding:10px 14px;border-radius:8px;text-decoration:none}.skip-link:focus{transform:translateY(0)}.shell{width:var(--shell);margin-inline:auto}.section{padding:120px 0}.section-first{padding-top:160px}.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);transition:background .3s,border-color .3s,opacity .28s ease,transform .28s ease}.site-header.is-scrolled{background:rgba(255,255,255,.9);border-color:var(--line);backdrop-filter:blur(16px)}.site-header.is-hidden{transform:translateY(-105%);opacity:0;pointer-events:none}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:760;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:white;font-size:14px;border-radius:50%;font-weight:800}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{position:relative;text-decoration:none;font-size:14px;font-weight:650}.site-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--ink);transition:right .25s}.site-nav>a:not(.nav-cta):hover::after{right:0}.nav-cta{padding:11px 16px;border:1px solid var(--ink);border-radius:999px}.nav-cta:hover{background:var(--ink);color:white}.nav-toggle{display:none;width:42px;height:42px;border:0;background:transparent;padding:10px}.nav-toggle span:not(.sr-only){display:block;width:22px;height:1px;background:var(--ink);margin:6px auto;transition:transform .25s}.hero{overflow:hidden;padding-bottom:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:70px;align-items:center;min-height:690px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px;text-transform:uppercase;font-size:12px;font-weight:760;letter-spacing:.14em}.status-dot{width:8px;height:8px;background:var(--ink);border-radius:50%;box-shadow:0 0 0 5px rgba(0,0,0,.08);animation:pulse 2.5s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(0,0,0,0)}}.hero h1{max-width:760px;font-size:clamp(58px,6.6vw,104px);line-height:1;letter-spacing:-.072em;margin:0 0 32px;font-weight:760}.outlined-word{color:white;-webkit-text-stroke:1.8px var(--ink);text-stroke:1.8px var(--ink)}.hero-lead{max-width:690px;font-size:clamp(19px,1.7vw,23px);line-height:1.55;color:#343432;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);text-decoration:none;font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s,background .2s,color .2s}.icon-arrow-up-right{display:inline-block;width:.9em;height:.9em;flex:0 0 .9em;background:currentColor;-webkit-mask:url("assets/icons/arrow-up-right-from-square.svg") center / contain no-repeat;mask:url("assets/icons/arrow-up-right-from-square.svg") center / contain no-repeat}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#292929}.button-light{background:white;color:var(--ink)}.button-light:hover{background:var(--soft)}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px;padding-top:22px;border-top:1px solid var(--line)}.hero-meta div{display:flex;flex-direction:column;gap:2px}.hero-meta span,.contact-facts span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.hero-meta strong{font-size:14px}.hero-visual{position:relative;max-width:650px;justify-self:end}.hero-visual>img{filter:drop-shadow(0 28px 40px rgba(0,0,0,.08))}.floating-note{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 12px;background:rgba(255,255,255,.94);border:1px solid var(--ink);border-radius:999px;box-shadow:var(--shadow);font-size:12px;font-weight:650;white-space:nowrap;animation:float 4s ease-in-out infinite}.floating-note span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:white;font-size:9px}.note-a{right:-10px;top:18%}.note-b{left:-5px;bottom:15%;animation-delay:-2s}@keyframes float{50%{transform:translateY(-8px)}}.marquee{margin-top:65px;overflow:hidden;border-block:1px solid var(--ink);background:var(--ink);color:white}.marquee-track{width:max-content;display:flex;align-items:center;gap:30px;padding:13px 0;animation:marquee 32s linear infinite}.marquee span{font-size:12px;font-weight:760;letter-spacing:.14em}.marquee i{font-style:normal;opacity:.45}@keyframes marquee{to{transform:translateX(-50%)}}.intro{padding-top:150px}.split-intro{display:grid;grid-template-columns:.62fr 1.38fr;gap:90px}.split-intro h2,.section-heading h2,.diagram-copy h2,.capabilities-sticky h2,.engagement-grid h2,.faq-grid h2,.contact-copy h2{font-size:clamp(40px,4.6vw,72px);line-height:1.03;letter-spacing:-.055em;margin:0 0 28px;font-weight:730}.split-intro p:not(.section-kicker),.section-heading>p,.diagram-copy>p,.capabilities-sticky>p,.contact-copy>p{color:var(--muted);max-width:720px}.services-section{background:var(--soft)}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;margin-bottom:58px}.section-heading h2{max-width:800px}.section-heading>p{margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;border:0}.service-card{position:relative;min-height:510px;padding:42px;border:1px solid var(--ink);border-radius:16px;background:var(--soft);overflow:hidden}.service-card::before{content:"";position:absolute;inset:auto -50px -90px auto;width:190px;height:190px;border:1px solid var(--ink);border-radius:50%;opacity:.08;transition:transform .45s,opacity .45s}.service-card:hover::before{transform:scale(1.35);opacity:.15}.card-index{position:absolute;right:28px;top:25px;font-size:12px;color:var(--muted)}.service-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;font-weight:780;font-size:14px;margin-bottom:66px;background:white}.service-card h3{font-size:31px;letter-spacing:-.04em;line-height:1.1;margin:0 0 17px}.service-card p{color:var(--muted);max-width:560px}.service-card ul,.case-study ul{list-style:none;padding:0;margin:30px 0 0}.service-card li,.case-study li{position:relative;padding:8px 0 8px 21px;border-top:1px solid rgba(10,10,10,.13);font-size:14px}.service-card li::before,.case-study li::before{content:"";position:absolute;left:0;top:1em;width:12px;height:12px;background:currentColor;-webkit-mask:url("assets/icons/arrow-up-right-from-square.svg") center / contain no-repeat;mask:url("assets/icons/arrow-up-right-from-square.svg") center / contain no-repeat}.diagram-section{padding-block:150px}.diagram-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.metric-list{margin-top:42px;border-top:1px solid var(--line)}.metric-list div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.metric-list strong{font-size:14px}.metric-list span{color:var(--muted);font-size:14px}.diagram-art{background:var(--soft);border:1px solid var(--ink);border-radius:var(--radius);padding:20px;box-shadow:18px 18px 0 var(--ink)}.work-section{border-top:1px solid var(--line)}.case-study{position:relative;border:1px solid var(--ink);padding:40px;background:white}.case-primary{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;padding:55px;background:var(--ink);color:white;border-radius:var(--radius)}.case-primary .case-art{display:flex;align-items:center;justify-content:center;background:white;border-radius:14px;overflow:hidden}.case-labels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:42px}.case-labels span{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:7px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.case-study h3{font-size:clamp(32px,3.3vw,52px);line-height:1.02;letter-spacing:-.05em;margin:0 0 20px}.case-primary>.case-copy>p{color:#bebebe;max-width:650px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.case-columns h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.case-primary li{border-color:rgba(255,255,255,.16);color:#e6e6e6}.case-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;gap:22px}@media (max-width:1050px){.case-pair{grid-template-columns:1fr}.case-pair .case-study{min-height:0}}.case-pair .case-study{min-height:720px;display:flex;flex-direction:column;border-radius:16px}@media (max-width:1050px){.case-pair .case-study{min-height:0}}.case-number{position:absolute;right:28px;top:25px;font-size:12px}.case-overline{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:760;margin-bottom:38px}.compact-list{margin-top:25px !important}.case-inline-art{width:100%;margin-top:auto;padding-top:35px}.capabilities-section{background:var(--soft)}.capabilities-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:90px;align-items:start}.capabilities-sticky{position:sticky;top:130px}.capability-groups{border-top:1px solid var(--ink)}.capability-group{display:grid;grid-template-columns:70px 1fr;gap:30px;padding:33px 0;border-bottom:1px solid var(--ink)}.capability-num{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;font-size:11px}.capability-group h3{font-size:28px;letter-spacing:-.035em;margin:-10px 0 10px}.capability-group p{color:var(--muted);margin:0;line-height:1.8}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink);border-radius:16px;overflow:hidden}.approach-card{background:white;padding:35px 28px;min-height:330px}.approach-card>span{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:white;border-radius:50%;font-size:11px;margin-bottom:80px}.approach-card h3{font-size:24px;line-height:1.15;letter-spacing:-.035em}.approach-card p{color:var(--muted);font-size:15px}.engagement-section{background:var(--ink);color:white}.engagement-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.light-kicker{color:#b4b4b4}.engagement-list{border-top:1px solid #565656}.engagement-list>div{display:grid;grid-template-columns:55px 1fr 1.2fr;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid #565656}.engagement-list span{color:#9a9a9a;font-size:12px}.engagement-list h3{margin:0;font-size:21px}.engagement-list p{margin:0;color:#aaa;font-size:14px}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.accordion{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--ink)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:25px 0;font-weight:720;font-size:19px}summary::-webkit-details-marker{display:none}summary span{transition:transform .25s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);max-width:760px;padding:0 40px 28px 0;margin:0}.contact-section{padding-top:80px}.contact-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:90px;padding:65px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--soft)}.email-link{display:inline-flex;align-items:center;gap:12px;font-size:clamp(19px,2vw,28px);font-weight:720;text-decoration-thickness:1px;text-underline-offset:6px;margin:15px 0 40px}.contact-links{display:flex;flex-direction:column;align-items:flex-start}.contact-link-icon{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.linkedin-link{margin-top:0;margin-bottom:40px}.linkedin-icon{fill:currentColor;stroke:none}.contact-facts{display:flex;gap:45px}.contact-facts div{display:flex;flex-direction:column}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:white;border:1px solid var(--ink);padding:34px;border-radius:14px;box-shadow:12px 12px 0 var(--ink)}.form-row{display:flex;flex-direction:column;gap:7px}.form-row:nth-child(4),.form-row:nth-child(5),.form-submit,.form-note{grid-column:1 / -1}label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:760}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:13px 14px;outline:none;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(0,0,0,.08)}textarea{resize:vertical;min-height:140px}.form-submit{width:max-content;border-radius:999px}.form-note{color:var(--muted);font-size:12px;margin:-2px 0 0}.site-footer{margin-top:40px;padding:70px 0 34px;border-top:1px solid var(--ink)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:60px}.footer-brand{margin-bottom:20px}.footer-grid p{color:var(--muted);font-size:14px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-links a{font-size:14px;text-decoration:none}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-meta{text-align:right}.reveal{opacity:1;transform:none}.hero-copy{animation:enter-up .8s cubic-bezier(.2,.8,.2,1) both}.hero-visual{animation:enter-up .9s .1s cubic-bezier(.2,.8,.2,1) both}@keyframes enter-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:1050px){:root{--shell:min(100% - 36px,900px)}.hero-grid,.diagram-grid,.capabilities-grid,.engagement-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:25px}.hero-copy{max-width:850px}.hero-visual{max-width:620px;justify-self:center}.split-intro,.section-heading{grid-template-columns:1fr;gap:28px}.section-heading>p{max-width:750px}.capabilities-sticky{position:static}.approach-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{padding:45px}}@media (max-width:760px){:root{--shell:calc(100vw - 28px);--radius:14px}body{font-size:16px}.section{padding:40px 0}.section-first{padding-top:115px}.header-inner{height:70px}.nav-toggle{display:block}.site-nav{position:fixed;inset:70px 14px auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:white;border:1px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .2s,transform .2s}.site-nav.is-open{opacity:1;transform:none;pointer-events:auto}.site-nav a{padding:13px 10px}.nav-cta{text-align:center;margin-top:5px}.nav-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}.hero-grid{min-height:auto;grid-template-columns:1fr}.hero h1{font-size:clamp(52px,16.5vw,78px)}.hero-lead{font-size:18px}.hero-meta{grid-template-columns:1fr;gap:12px;margin-top:42px}.hero-meta div{flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.floating-note{display:none}.marquee{margin-top:35px}.split-intro{gap:15px}.service-grid,.case-pair{grid-template-columns:1fr}.service-card{min-height:auto;padding:32px 24px}.service-icon{margin-bottom:45px}.diagram-art{box-shadow:8px 8px 0 var(--ink)}.case-primary{grid-template-columns:1fr;padding:30px}.case-columns{grid-template-columns:1fr;gap:5px}.case-pair .case-study{min-height:0}.capability-group{grid-template-columns:50px 1fr;gap:14px}.approach-grid{grid-template-columns:1fr}.approach-card{min-height:0}.approach-card>span{margin-bottom:45px}.engagement-list>div{grid-template-columns:40px 1fr}.engagement-list p{grid-column:2}.contact-grid{padding:26px;gap:45px}.contact-form{grid-template-columns:1fr;padding:24px;box-shadow:7px 7px 0 var(--ink)}.form-row,.form-row:nth-child(4),.form-row:nth-child(5),.form-submit,.form-note{grid-column:auto}.contact-facts{flex-direction:column;gap:15px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-meta{text-align:left}}.screenshot-viewport::after{display:none}@media (max-width:760px){.observability-board{min-height:unset;gap:18px;padding:20px}.observability-board .trace-path{left:35px;right:auto;top:91px;bottom:93px;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--ink) 0 6px,transparent 6px 12px)}.observability-board .trace-path i{left:-4px;top:0;animation-name:trace-mobile}.observability-board .trace-layers{grid-template-columns:1fr;gap:7px;padding-left:22px}.observability-board .trace-layers div{min-height:58px;grid-template-columns:23px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:9px 12px}.observability-board .trace-layers b{grid-row:1 / -1;align-self:center}.observability-board .trace-layers strong{font-size:13px}.observability-board .trace-layers small{font-size:9px}.observability-board .board-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.observability-board .board-footer strong{grid-column:1 / -1;width:auto;margin:2px 0 0}.observability-board .trace-path{bottom:185px}}@media (max-width:760px){.case-diagram--architecture::after,.case-diagram--crawler::after{display:none;animation:none}}@media (max-width:760px){.case-primary .case-art.screenshot-window{width:min(325px,calc(100vw - 48px));max-width:calc(100vw - 48px);justify-self:center}.case-primary .screenshot-viewport picture,.case-primary .screenshot-viewport img{width:100%;max-width:none;height:auto;object-fit:contain}}@media (max-width:1050px){.case-pair{grid-template-columns:1fr}.case-pair .case-study{min-height:0}}@media (max-width:515px){.status-dot{display:none}}@media (max-width:400px){.hero-stage{width:100%;height:auto;min-height:0 !important;aspect-ratio:1 / 1}}@media (max-width:1050px){.case-pair{grid-template-columns:1fr}.case-pair .case-study{min-height:0}}@media (max-width:760px){.observability-board{min-height:530px}.observability-board .trace-path{display:none}.observability-board .trace-layers{padding-left:0}.observability-board .trace-layers div{grid-template-columns:30px 1fr}}@media (max-width:400px){.case-diagram{flex-direction:column;justify-content:flex-start;gap:0;min-height:264px;padding:18px 14px 34px}.case-diagram::before{display:none}.case-diagram .diagram-node{width:min(100%,180px);min-height:50px}.case-diagram>i{width:1px;height:16px}.case-diagram>i::after{display:none}.case-diagram--architecture::after,.case-diagram--crawler::after{display:none;animation:none}.case-diagram>b{left:50%;transform:translateX(-50%);white-space:nowrap}}@media (max-width:400px){.hero-visual{width:100%;min-width:0}.hero-stage{width:100%;min-height:0}.hero-core{width:112px;height:112px}.hero-core strong{font-size:20px}.hero-core small{bottom:27px;font-size:6px}.hero-node{min-width:82px;padding:7px 8px}.hero-node strong{font-size:10px}.hero-node span{font-size:6px}.hero-node b{font-size:6px}.hero-stage-top{inset-inline:6%;font-size:7px}.hero-health{max-width:82%;gap:6px;padding:6px 8px;font-size:6px}.hero-health strong{font-size:10px}.email-link{max-width:100%;gap:8px;font-size:15px;white-space:nowrap}}@media (max-width:400px){.hero-stage{width:100%;height:auto;min-height:0 !important;aspect-ratio:1 / 1}}@media (max-width:760px){.observability-board{min-height:unset;gap:18px;padding:20px}.trace-path{left:35px;right:auto;top:91px;bottom:93px;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--ink) 0 6px,transparent 6px 12px)}.trace-path i{left:-4px;top:0;animation-name:trace-mobile}.trace-layers{grid-template-columns:1fr;gap:7px;padding-left:22px}.trace-layers div{min-height:58px;grid-template-columns:23px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:9px 12px}.trace-layers b{grid-row:1 / -1;align-self:center}.trace-layers strong{font-size:13px}.trace-layers small{font-size:9px}.board-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.board-footer strong{grid-column:1 / -1;width:auto;margin:2px 0 0}}@media (max-width:400px){.hero-stage{width:100%;height:auto;min-height:0 !important;aspect-ratio:1 / 1}}@keyframes trace-mobile{from{top:0;opacity:0}10%{opacity:1}to{top:calc(100% - 10px);opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.reveal{opacity:1;transform:none}}.hero-stage{position:relative;aspect-ratio:1 / 1;min-height:520px;overflow:hidden;border:1px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 50% 48%,#fff 0 18%,#f4f4f1 58%,#e9e9e4 100%);box-shadow:18px 18px 0 var(--ink)}.hero-stage::after{content:"";position:absolute;inset:8%;border:1px dashed rgba(10,10,10,.28);border-radius:50%;animation:spin 35s linear infinite}.hero-stage-top{position:absolute;inset:9% 12% auto;z-index:4;display:flex;justify-content:space-between;gap:16px;font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.hero-stage-top i,.board-footer i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#55a965;box-shadow:0 0 0 4px rgba(85,169,101,.15)}.hero-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(10,10,10,.3);border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg)}.orbit-one{width:74%;height:35%;animation:orbit 12s ease-in-out infinite}.orbit-two{width:41%;height:79%;animation:orbit 17s ease-in-out infinite reverse}.hero-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:white;text-align:center;box-shadow:0 0 0 13px rgba(10,10,10,.06),0 20px 35px rgba(10,10,10,.15)}.hero-core strong{font-size:25px;line-height:.9;letter-spacing:-.08em}.hero-core small{position:absolute;bottom:26px;color:#bababa;font:9px ui-monospace,monospace}.core-pulse{position:absolute;inset:-18px;border:1px solid rgba(10,10,10,.4);border-radius:50%;animation:core-pulse 2.8s ease-out infinite}.hero-node{position:absolute;z-index:3;display:grid;gap:2px;min-width:116px;padding:12px 14px;border:1px solid var(--ink);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:6px 6px 0 rgba(10,10,10,.12)}.hero-node b{font:700 9px ui-monospace,monospace;color:var(--muted)}.hero-node strong{font-size:13px;line-height:1.1}.hero-node span{font-size:9px;color:var(--muted)}.node-browser{left:9%;top:32%}.node-code{right:9%;top:27%}.node-data{left:14%;bottom:19%}.node-monitor{right:8%;bottom:17%}.hero-signal{position:absolute;z-index:2;width:42%;height:1px;background:repeating-linear-gradient(90deg,var(--ink) 0 4px,transparent 4px 10px);transform-origin:left;animation:signal 2.8s linear infinite}.signal-one{left:25%;top:44%;transform:rotate(13deg)}.signal-two{left:52%;top:57%;transform:rotate(-17deg);animation-delay:-1.4s}.hero-telemetry{position:absolute;z-index:4;left:50%;bottom:8%;display:grid;grid-template-columns:1fr auto auto;gap:8px 12px;width:58%;padding:13px 15px;transform:translateX(-50%);border:1px solid var(--ink);border-radius:10px;background:rgba(255,255,255,.9);font:700 9px ui-monospace,monospace}.hero-telemetry strong{font-size:17px;line-height:1}.hero-telemetry em{color:#388b49;font-style:normal}.hero-telemetry div{grid-column:1 / -1;display:flex;align-items:end;gap:3px;height:23px;border-bottom:1px solid var(--line)}.hero-telemetry div i{flex:1;height:35%;background:var(--ink);animation:bars 1.8s ease-in-out infinite alternate}.hero-telemetry div i:nth-child(2n){height:70%;animation-delay:-.5s}.hero-telemetry div i:nth-child(3n){height:48%;animation-delay:-.9s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{50%{transform:translate(-50%,-50%) rotate(22deg) scale(1.04)}}@keyframes core-pulse{70%,100%{transform:scale(1.25);opacity:0}}@keyframes signal{50%{opacity:.25;background-position:30px 0}}@keyframes bars{to{transform:scaleY(.45)}}.service-icon{position:relative;display:grid;place-items:center;align-content:center;gap:1px;width:86px;height:86px;border-radius:18px;text-align:center;font-size:0}.service-icon img{display:block;width:52px;height:52px;object-fit:contain}.service-icon b{display:block;font:800 25px/.95 Arial,sans-serif;letter-spacing:-.1em}.service-icon span{font:800 9px/1.2 Arial,sans-serif;letter-spacing:-.02em}.service-icon small{font:700 7px/1.2 ui-monospace,monospace;color:var(--muted)}.service-icon--wordpress b{font-family:Georgia,serif;font-size:34px}.service-icon--infra b{letter-spacing:-.14em}.service-icon--monitoring b{letter-spacing:-.12em}.service-icon--automation b{font-family:Georgia,serif;font-style:italic}.observability-board{position:relative;min-height:500px;display:grid;align-content:center;gap:34px;padding:32px;overflow:hidden;background:linear-gradient(145deg,#f8f8f5,#e9e9e4)}.board-heading,.board-footer{display:flex;justify-content:space-between;gap:14px;font:700 10px ui-monospace,monospace;letter-spacing:.08em}.board-heading span:last-child{color:#398449}.trace-path{position:absolute;left:8%;right:8%;top:49%;height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 12px)}.trace-path i{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--ink);animation:trace 4.5s linear infinite}.trace-path i:nth-child(2){animation-delay:-1s}.trace-path i:nth-child(3){animation-delay:-2s}.trace-path i:nth-child(4){animation-delay:-3s}.trace-path i:nth-child(5){animation-delay:-4s}.trace-layers{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.trace-layers div{min-height:132px;display:grid;align-content:center;gap:5px;padding:13px;border:1px solid var(--ink);border-radius:11px;background:rgba(255,255,255,.88)}.trace-layers b{font:700 9px ui-monospace,monospace;color:var(--muted)}.trace-layers strong{font-size:15px;letter-spacing:-.04em}.trace-layers small{color:var(--muted);font-size:10px}.board-footer{align-items:center;color:var(--muted);letter-spacing:0}.board-footer span{white-space:nowrap}.board-footer strong{margin-left:auto;color:var(--ink);font-size:28px;letter-spacing:-.08em}.board-footer strong span{margin-left:5px;font-size:11px;letter-spacing:0}@keyframes trace{from{left:0;opacity:0}10%{opacity:1}to{left:calc(100% - 10px);opacity:0}}.screenshot-window{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;min-height:0;align-self:stretch;overflow:hidden;background:#f4f4f1;border:1px solid var(--line)}.screenshot-bar{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:white;color:var(--muted);font:700 10px ui-monospace,monospace}.screenshot-bar span{width:7px;height:7px;border-radius:50%;background:#d0d0ca}.screenshot-bar b{margin-left:8px;font-weight:500}.screenshot-toggle{margin-left:auto;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font:700 9px ui-monospace,monospace;cursor:pointer}.screenshot-toggle:hover,.screenshot-toggle:focus-visible{background:var(--ink);color:white;outline:none}.screenshot-viewport{flex:1 1 0;width:100%;height:0;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}.screenshot-viewport picture{display:block;width:100%}.screenshot-viewport img{display:block;width:100%;max-width:none;height:auto;min-height:0}.case-primary .case-art{background:#f4f4f1}.case-primary .case-art img{display:block}.case-diagram{border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:210px;padding:24px 12px;border:1px solid var(--ink);background:var(--soft);overflow:hidden}.diagram-node{z-index:1;display:grid;place-items:center;min-width:82px;min-height:54px;padding:8px;border:1px solid var(--ink);border-radius:9px;background:white;font:800 10px ui-monospace,monospace;text-align:center}.case-diagram>i{width:24px;height:1px;background:var(--ink);position:relative}.case-diagram>i::after{content:"";position:absolute;right:0;top:-3px;border:4px solid transparent;border-right:0;border-left-color:var(--ink)}.case-diagram>b{position:absolute;left:15px;bottom:13px;font:700 9px ui-monospace,monospace;color:var(--muted)}.case-diagram::before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:var(--line)}.case-diagram--architecture .diagram-node:nth-of-type(2){background:var(--ink);color:white}.case-diagram--architecture::after,.case-diagram--crawler::after{content:"";position:absolute;width:7px;height:7px;left:calc(8% - 3.5px);top:calc(50% - 3.5px);border-radius:50%;background:var(--ink);animation:diagram-flow 3.5s linear infinite}.case-diagram--crawler::after{animation-delay:-1.7s}.case-diagram--architecture::after{animation-delay:-.8s}@keyframes diagram-flow{to{left:calc(92% - 3.5px)}}@media (max-width:760px){.hero-stage{min-height:380px;box-shadow:8px 8px 0 var(--ink)}.hero-node{transform:scale(.8)}.node-browser{left:2%}.node-code{right:2%}.node-data{left:4%}.node-monitor{right:2%}.hero-telemetry{width:68%}.observability-board{min-height:430px;padding:20px;gap:24px}.trace-layers{gap:5px}.trace-layers div{min-height:105px;padding:8px}.trace-layers strong{font-size:11px}.trace-layers small{font-size:8px}.board-footer{flex-wrap:wrap}.board-footer strong{width:100%;margin-left:0}.screenshot-window{height:calc(90vh - var(--header-height,70px));min-height:480px;max-height:720px}.screenshot-viewport img{animation-duration:45s}.case-diagram{gap:4px}.diagram-node{min-width:67px;font-size:8px}.case-diagram>i{width:12px}}.hero-visual .floating-note,.hero-visual .node-data,.hero-visual .node-monitor,.hero-visual .hero-signal,.hero-visual .hero-telemetry{display:none}.hero-stage{border-radius:26px;background:radial-gradient(circle at center,#fff 0 22%,#f6f6f3 58%,#ededE8 100%);box-shadow:14px 14px 0 var(--ink)}.hero-stage::after{inset:7%;border-style:solid;border-color:rgba(10,10,10,.1);animation:none}.hero-stage-top{inset:8% 9% auto;font-size:9px}.hero-orbit{width:70%;height:70%;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{border-color:rgba(10,10,10,.2);animation:none}.orbit-two{width:84%;height:84%;border-style:dashed;border-color:rgba(10,10,10,.42);animation:hero-orbit-spin 28s linear infinite}.orbit-two::after{content:"";position:absolute;top:50%;left:-5px;width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;background:white;transform:translateY(-50%)}.hero-core{width:142px;height:142px;box-shadow:0 0 0 10px rgba(10,10,10,.06),0 16px 30px rgba(10,10,10,.12)}.hero-core small{bottom:31px;font-size:7px;white-space:nowrap}.core-pulse{inset:-13px;animation-duration:4s}.hero-node{min-width:128px;padding:11px 13px;border-radius:10px;box-shadow:4px 4px 0 rgba(10,10,10,.12)}.hero-node b{font-size:8px}.hero-node strong{font-size:14px}.hero-node span{font-size:9px}.node-browser{left:9%;top:30%}.node-code{right:8%;top:30%}.node-observe{left:50%;bottom:17%;transform:translateX(-50%)}.hero-health{position:absolute;left:50%;bottom:7%;z-index:4;display:flex;align-items:center;gap:10px;padding:8px 12px;transform:translateX(-50%);border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.9);white-space:nowrap;font:700 8px ui-monospace,monospace;letter-spacing:.04em}.hero-health strong{font-size:13px;letter-spacing:-.06em}.hero-health i{color:#398449;font-style:normal}@keyframes hero-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width:760px){.hero-stage{border-radius:20px;min-height:0;box-shadow:7px 7px 0 var(--ink)}.hero-visual{width:100%}.hero-visual{width:100%}.hero-stage-top{inset:8% 7% auto;font-size:8px}.hero-core{width:126px;height:126px}.hero-core strong{font-size:23px}.hero-node{min-width:94px;padding:8px 9px;transform:none}.hero-node strong{font-size:11px}.hero-node span{font-size:7px}.hero-node b{font-size:7px}.node-browser{left:5%;top:29%}.node-code{right:5%;top:29%}.node-observe{left:50%;bottom:22%;transform:translateX(-50%)}.hero-health{bottom:7%;gap:7px;padding:7px 9px;font-size:7px}.hero-health strong{font-size:11px}}.service-grid{border:0;gap:14px}.service-card{border:1px solid var(--ink);border-radius:16px}.case-pair .case-study{border-radius:16px}.approach-grid{border-radius:16px;overflow:hidden}.screenshot-viewport::after{display:none}@media (max-width:760px){.observability-board{min-height:530px}.observability-board .trace-path{display:none}.observability-board .trace-layers{padding-left:0}.observability-board .trace-layers div{grid-template-columns:30px 1fr}}@media (max-width:400px){.case-diagram{flex-direction:column;justify-content:flex-start;gap:0;min-height:0;padding:18px 14px}.case-diagram::before{display:none}.case-diagram .diagram-node{width:min(100%,180px);min-height:50px}.case-diagram>i{width:1px;height:16px}.case-diagram>i::after{display:none}.case-diagram--architecture::after,.case-diagram--crawler::after{display:none;animation:none}.case-diagram>b{position:static;align-self:center;margin-top:12px;text-align:center;white-space:normal}.case-primary,.case-primary .case-art,.case-primary .screenshot-window{min-width:0}.case-primary .case-art.screenshot-window{width:min(325px,100%);max-width:100%;height:min(78vh,420px);min-height:300px;max-height:420px}.screenshot-bar{min-width:0}.screenshot-bar b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:760px){.observability-board{min-height:unset;gap:18px;padding:20px}.observability-board .trace-path{left:35px;right:auto;top:91px;bottom:93px;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--ink) 0 6px,transparent 6px 12px)}.observability-board .trace-path i{left:-4px;top:0;animation-name:trace-mobile}.observability-board .trace-layers{grid-template-columns:1fr;gap:7px;padding-left:22px}.observability-board .trace-layers div{min-height:58px;grid-template-columns:23px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:9px 12px}.observability-board .trace-layers b{grid-row:1 / -1;align-self:center}.observability-board .trace-layers strong{font-size:13px}.observability-board .trace-layers small{font-size:9px}.observability-board .board-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.observability-board .board-footer strong{grid-column:1 / -1;width:auto;margin:2px 0 0}.observability-board .trace-path{bottom:185px}}