:root{--bg:#080d16;--panel:#101925;--line:#263140;--text:#e8edf4;--muted:#9aa8ba;--cyan:#75dced;--orange:#ffa67e;--mono:Consolas,'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:hover{color:var(--cyan)}button:hover{color:var(--cyan)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}[hidden]{display:none!important}.skip-content{position:fixed;top:-80px;left:20px;padding:12px;background:white;color:black;z-index:100}.skip-content:focus{top:12px}header{max-width:1500px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:29px 6%;border-bottom:1px solid #ffffff0c}.logo{font:700 20px var(--mono);letter-spacing:-1px}.logo span{color:var(--orange)}nav{display:flex;gap:34px;font-size:13px;color:#bcc7d5}.header-cta{font-size:12px;border-bottom:1px solid #4f6074;padding-bottom:5px}.header-cta span{margin-left:20px}main,footer{max-width:1500px;margin:auto}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding:76px 6% 0;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;top:15%;right:-20px;font-weight:900;font-size:330px;color:#ffffff02;letter-spacing:-25px;z-index:-1}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.8px;color:var(--cyan);margin:0 0 27px}.status-dot{display:inline-block;background:var(--cyan);width:6px;height:6px;border-radius:50%;box-shadow:0 0 14px #75dced88;margin-right:8px}h1{font-size:clamp(46px,5.4vw,81px);font-weight:500;line-height:1.05;letter-spacing:-4.5px;margin:0 0 29px}em{font-style:normal;color:var(--cyan)}.hero-description{color:var(--muted);font-size:14px;line-height:1.85;max-width:455px;margin-bottom:27px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--cyan);color:#08121b;padding:14px 21px;font-size:12px;font-weight:700;border:1px solid var(--cyan);border-radius:3px}.button:hover{color:white;background:#17303c}.quiet{font-size:12px;border-bottom:1px solid #5b6779;padding-bottom:6px}.relocation{font-size:10px;color:#94a4b5;margin-top:30px;max-width:410px}.relocation span{color:var(--orange);padding-right:7px}.hero-visual{position:relative;min-height:535px;background:radial-gradient(ellipse at 50% 30%,#17304377,transparent 70%);border:1px solid #273442;border-radius:8px;margin-top:0;overflow:hidden}.visual-heading,.visual-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#869aad;z-index:1}.visual-heading{top:20px}.live{color:var(--cyan)}#hero-scene{display:block;width:100%;height:350px}.visual-bottom{bottom:17px;align-items:center}.visual-bottom button,.hero-bottom button{border:0;background:none;font:9px var(--mono);padding:0;color:var(--muted)}.code-card{position:absolute;left:25px;right:25px;bottom:49px;background:#0c1420f0;border:1px solid #2c4052;border-radius:5px;box-shadow:0 20px 35px #0003}.code-card>div{display:flex;gap:5px;align-items:center;padding:9px 13px;border-bottom:1px solid #223141}.code-card i,.window-bar i{width:5px;height:5px;background:#526277;border-radius:50%}.code-card>div span{font:9px var(--mono);margin-left:auto;color:#9cacc0}pre{font:11px/1.7 var(--mono);padding:0 15px;margin:12px 0;color:#afbac9;white-space:pre-wrap}.purple{color:#c0a5f3}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1.4px;color:#71869c;padding:37px 0 29px;margin-top:15px;border-bottom:1px solid var(--line)}.impact{display:grid;grid-template-columns:repeat(3,1fr);padding:41px 6%;gap:30px;border-bottom:1px solid var(--line)}.impact>div+div{border-left:1px solid var(--line);padding-left:33px}.impact .eyebrow{font-size:8px;display:block;color:#9aa8ba;margin-bottom:15px}.impact strong{display:block;font-size:36px;line-height:1.3;font-weight:400;letter-spacing:-1px}.impact strong>span{font-size:25px;color:var(--cyan)}.impact p{font-size:12px;margin:9px 0 2px}.impact small{font-size:10px;color:var(--muted)}.section{padding:92px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;gap:20px}h2{font-size:45px;line-height:1.13;letter-spacing:-1.8px;font-weight:500;margin:0 0 18px}h2 span{color:#788ca4}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:19px}.section-head>p{font-size:12px;color:var(--muted);margin:0}.case{display:grid;grid-template-columns:1.08fr 1fr;margin-bottom:30px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.case-art{position:relative;min-height:400px;overflow:hidden}.backend-art{background:radial-gradient(circle at 50% 40%,#183747,#0e1723 70%)}.diagram-label{position:absolute;top:25px;left:28px;font:8px var(--mono);letter-spacing:1.2px;color:#88a3b6}.service-map{display:flex;flex-direction:column;align-items:center;padding-top:65px;font-family:var(--mono)}.service{font-size:9px;padding:8px 25px;border:1px solid #49667a;color:#aac9d6;border-radius:3px}.connector{height:25px;width:1px;background:var(--cyan)}.service-map>strong{background:#12303d;border:1px solid #69cfdf;color:var(--cyan);text-align:center;padding:12px 34px;font-size:24px;font-weight:400;line-height:1.2;box-shadow:0 0 40px #70e1ed10}.service-map small{font-size:7px}.map-branches{display:flex;gap:18px;margin-top:27px}.map-branches span{font-size:8px;padding:7px 16px;border:1px solid #355066;position:relative;color:#9eb7ca}.map-branches span:before{content:'';height:27px;width:1px;background:#4b6e80;position:absolute;left:50%;top:-28px}.art-number{font-size:63px;letter-spacing:-3px;padding-top:15px;text-align:center;font-weight:500}.art-number em{font-size:33px}.art-number small{font:7px var(--mono);display:block;letter-spacing:1.6px;color:#9fb6c7}.case-copy{padding:37px}.case-copy .eyebrow{font-size:8px;margin-bottom:22px}h3{font-size:31px;letter-spacing:-1px;line-height:1.2;margin:0 0 21px;font-weight:500}.case-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}.tags span{font:9px var(--mono);border:1px solid #344154;border-radius:3px;padding:5px 9px;color:#afbdcd}details{margin-top:24px;border-top:1px solid #344154}summary{list-style:none;display:flex;justify-content:space-between;font-size:12px;cursor:pointer;padding:15px 0;color:var(--cyan)}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.detail-content{padding-bottom:10px}.detail-content h4{font-size:12px;margin:15px 0 5px;color:var(--text)}.detail-content p,.detail-content small{font-size:12px;color:var(--muted)}.detail-content small{font-size:10px}.cric-art{background:#17231f}.cric-word{font-weight:800;font-size:42px;letter-spacing:-2px;margin:60px 35px 20px}.cric-word span{font-weight:400;color:#9abb94}.product-window{margin:0 35px 25px;border:1px solid #627460;border-radius:7px;background:#25332b;transform:perspective(1000px) rotateY(-8deg) rotateX(6deg);box-shadow:20px 25px 40px #0004}.window-bar{padding:10px 12px;display:flex;gap:5px;align-items:center;border-bottom:1px solid #627460}.window-bar span{font:8px var(--mono);margin-left:15px;color:#9eb69b}.shoe-display{padding:12px 15px}.shoe-display svg{width:100%;display:block}.product-options{display:flex;align-items:center;gap:8px;padding:0 17px 20px}.product-options>span:last-child{margin-left:auto;font:7px var(--mono);color:#b5cdb0}.swatch{width:10px;height:10px;background:#ef9468;border-radius:50%}.s2{background:#b6c5ad}.s3{background:#131c18}.illustration-note{font:8px var(--mono);color:#8fa38e;position:absolute;bottom:20px;left:35px}.experiments{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:55px}.experiments .eyebrow{font-size:8px;color:#8aa3b6}.experiment-art{height:180px;margin-bottom:25px;border:1px solid var(--line);border-radius:5px;display:flex;justify-content:center;align-items:center;background:#0e1722;overflow:hidden}.radar{position:relative}.radar i{position:absolute;width:170px;height:170px;border:1px solid #366077;border-radius:50%;box-shadow:0 0 0 32px #17313c30,0 0 0 65px #18313e20}.radar b{font:24px var(--mono);letter-spacing:3px;z-index:1}.radar b span{color:var(--cyan)}.flow{gap:11px}.flow span{font:9px var(--mono);border:1px solid #365068;padding:12px 15px;border-radius:4px}.flow i{color:var(--orange);font-style:normal}.experiments h3{font-size:24px}.experiments p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:460px}.caption{font:8px var(--mono);letter-spacing:1px;color:#71879f}.github-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:12px}.github-link span{color:var(--cyan)}.experience{background:#0d1420;border-top:1px solid #24313f;border-bottom:1px solid #24313f}.experience-heading{margin-bottom:42px}.experience-heading p:not(.eyebrow){font-size:13px;color:var(--muted)}.timeline article{display:grid;grid-template-columns:180px 1fr 30px;gap:40px;border-top:1px solid #2a3746;padding:27px 0}.timeline-date{font:9px/1.7 var(--mono);color:var(--cyan);padding-top:6px}.timeline-index{font:12px var(--mono);color:#586e87}.timeline h3{font-size:22px;margin:0 0 6px}.timeline p{font-size:13px;color:var(--muted);max-width:650px}.timeline .company{font-size:11px;color:var(--orange);margin-top:0}.about{display:grid;grid-template-columns:1.25fr 1fr;gap:90px}.about h2{font-size:38px}.about p:not(.eyebrow){font-size:13px;color:var(--muted)}.community{border-left:2px solid #526e85;padding-left:18px;margin-top:30px}.community .eyebrow{font-size:8px}.community p{font-size:11px!important}.toolkit>div{border-top:1px solid var(--line);padding:21px 0 16px 32px;position:relative}.toolkit>div>span{position:absolute;left:0;top:26px;font:9px var(--mono);color:#6d90a8}.toolkit h4{font-size:16px;font-weight:500;margin:0}.toolkit p{font:11px/1.9 var(--mono)!important}.contact{background:radial-gradient(ellipse at 80% 90%,#16374c66,transparent 70%);border-top:1px solid var(--line)}.contact h2{font-size:54px;line-height:1.2}.contact>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:25px 0}.contact-links{display:flex;gap:27px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:27px;margin-top:54px;font-size:11px}.contact-links>a:last-child{margin-left:auto}footer{display:flex;justify-content:space-between;padding:33px 6%;align-items:center;border-top:1px solid var(--line)}footer>span,footer>a:last-child{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}#intro{position:fixed;inset:0;z-index:100;background:#070c14;overflow:hidden}.intro-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:2}.intro-top>span{font:8px var(--mono);letter-spacing:2px;color:#738a9e}.intro-top button{background:transparent;border:1px solid #395268;border-radius:3px;padding:9px 16px;font:10px var(--mono)}#intro-scene{position:absolute;width:100%;height:100%;inset:0}.intro-title{position:absolute;left:8%;top:31%;pointer-events:none}.intro-title h1{font-size:clamp(40px,5.6vw,84px);letter-spacing:-3px;max-width:850px;text-shadow:0 4px 35px #000}.intro-title .eyebrow{color:var(--orange)}.intro-sub{font:9px var(--mono);letter-spacing:2.3px;color:#8ca5ba}.intro-bottom{position:absolute;bottom:40px;left:8%;right:8%;display:flex;gap:25px;align-items:center;font:9px var(--mono);color:#a8bdce}.intro-bottom>span:first-child{min-width:180px}.progress{height:2px;background:#223441;flex:1;overflow:hidden}.progress i{display:block;height:100%;background:var(--cyan);transform:scaleX(0);transform-origin:left}.intro-out{animation:introExit .55s ease forwards}@keyframes introExit{to{opacity:0;transform:scale(1.035)}}body.intro-active{overflow:hidden}@media(min-width:1600px){body{max-width:1500px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:1000px){.hero{gap:24px;padding-top:55px}h1{font-size:58px;letter-spacing:-3px}.hero-visual{min-height:540px}.hero-description{font-size:13px}.impact strong{font-size:27px}.impact>div+div{padding-left:20px}.case-copy{padding:28px}.about{gap:45px}.section{padding-top:65px;padding-bottom:65px}.timeline article{grid-template-columns:140px 1fr 20px;gap:25px}.code-card{left:15px;right:15px}pre{font-size:9px}.hero-visual .visual-heading{font-size:6px}}@media(max-width:700px){header{padding:24px 6%}header .logo{font-size:17px}nav{gap:20px;font-size:11px}.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:42px;gap:20px}h1{font-size:59px;letter-spacing:-3px}.eyebrow{font-size:8px}.hero-description{font-size:13px}.hero-visual{min-height:490px;margin-top:12px}#hero-scene{height:320px}.hero-visual .visual-heading{font-size:8px}pre{font-size:10px}.hero-bottom{margin-top:0;font-size:7px;padding:25px 0;gap:10px}.hero-bottom>span:last-child{display:none}.impact{grid-template-columns:1fr;padding:30px 6%;gap:25px}.impact>div+div{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.impact .eyebrow{margin-bottom:8px}.impact strong{font-size:34px}.impact p{font-size:12px}.section{padding:55px 6%}h2{font-size:36px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px}.case{grid-template-columns:1fr}.case-art{min-height:370px}.case-copy{padding:27px}.case-copy h3{font-size:30px}.experiments{grid-template-columns:1fr;gap:35px}.flow span{padding:10px 12px}.timeline article{grid-template-columns:1fr 20px;gap:10px}.timeline-date{grid-column:1/-1}.timeline h3{font-size:23px}.timeline p{font-size:12px}.timeline-index{grid-column:2;grid-row:2}.about{grid-template-columns:1fr;gap:35px}.about h2{font-size:35px}.contact h2{font-size:38px}.contact-links{gap:18px}.contact-links>a:last-child{margin-left:0;overflow-wrap:anywhere}footer{gap:15px;flex-wrap:wrap}footer .logo{font-size:16px}footer>a:last-child{display:none}.intro-top{top:25px}.intro-top .logo{font-size:16px}.intro-top>span{display:none}.intro-title{left:7%;right:7%;top:31%}.intro-title h1{font-size:47px;letter-spacing:-2.5px}.intro-sub{font-size:7px;letter-spacing:1px}.intro-bottom{bottom:30px;left:7%;right:7%;flex-wrap:wrap;gap:15px}.intro-bottom>span:first-child{width:100%}.progress{min-width:70%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-out{animation:none}#intro{display:none!important}}

main:focus{outline:none}
.cric-art{min-height:510px;background:#1b251e}.cric-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 65%;transition:transform .7s}.case:hover .cric-photo{transform:scale(1.035)}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#020805d9);padding:75px 30px 30px;display:flex;justify-content:space-between;align-items:end}.photo-caption>span{font-size:27px;letter-spacing:-1px;font-weight:800}.photo-caption small{font:7px var(--mono);color:#d1ded1;letter-spacing:1px}.case{transition:border-color .4s}.case:hover{border-color:#607e92}.hero-visual{transform:perspective(1200px) rotateY(-4deg);box-shadow:0 20px 90px #0004}.hero-copy h1{font-weight:500}.hero{background:radial-gradient(ellipse at 80% 30%,#1a324020,transparent 55%)}#custom-projects:empty{display:none}.custom-project{margin:25px 0}.custom-project img{width:100%;height:100%;object-fit:cover;max-height:550px}.image-fallback{display:grid;place-items:center;font:20px var(--mono);background:#13283c;color:var(--cyan);height:100%;min-height:280px}@media(max-width:700px){.cric-art{min-height:460px}.hero-visual{transform:none}.photo-caption{padding-left:22px;padding-right:22px}}@media(prefers-reduced-motion:reduce){.cric-photo,.case{transition:none}.case:hover .cric-photo{transform:none}}
.google-profile{display:flex;align-items:center;gap:12px;margin-top:26px;width:fit-content;padding:12px 15px;border:1px solid #33495c;border-radius:5px;background:#15233477;font-size:11px}.google-mark{font-size:23px;line-height:1;font-weight:800;color:#8dc7ff}.google-profile small{display:block;font-size:8px;color:#93a9bc;margin-top:3px}.google-profile b{margin-left:12px;font-weight:400;color:var(--cyan)}.google-community{border:1px solid #365069;padding:23px;background:#12233288;border-radius:6px}.google-community-top{display:flex;gap:13px;align-items:center;margin-bottom:20px}.google-community-top strong{font-size:15px;font-weight:500}.tech{border-top:1px solid var(--line);background:#0b131f}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.blog-card{border-top:1px solid #42566b;padding-top:22px}.blog-card img{width:100%;aspect-ratio:1.6;object-fit:cover;margin-bottom:18px;border-radius:4px}.blog-card h3{font-size:24px}.blog-card p:not(.eyebrow){font-size:13px;color:var(--muted)}.blog-card .eyebrow{font-size:8px}.article-page{max-width:850px;padding:75px 35px}.article-page h1{font-size:52px;letter-spacing:-2px;line-height:1.15}.article-meta{font:11px var(--mono);color:var(--muted);margin:24px 0 36px}.article-cover{width:100%;max-height:470px;object-fit:cover;border-radius:6px;margin-bottom:25px}.article-body{font-size:17px;line-height:1.9;color:#c8d3df;margin:25px 0 60px;overflow-wrap:anywhere}.article-body h2{font-size:30px;margin-top:38px;color:var(--text)}.article-body h3{font-size:24px;margin-top:32px;color:var(--text)}.article-body pre{font:12px/1.8 var(--mono);padding:20px;background:#13202f;border:1px solid #32475c;border-radius:5px;overflow:auto;white-space:pre}.article-bullet{margin:7px 0}@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.article-page{padding:45px 6%}.article-page h1{font-size:38px}.article-body{font-size:15px}nav{gap:13px}.google-profile{max-width:100%}.google-profile small{font-size:7px}}