:root{--bg:#080b10;--surface:#11161e;--surface-2:#151b24;--line:#252d39;--text:#f2f5f8;--muted:#8d98a8;--blue:#168bff;--blue-2:#74bdff;--green:#51d69a;--radius:10px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.section{padding:118px 0}.skip-link{position:fixed;left:16px;top:-60px;z-index:999;padding:10px 16px;background:var(--blue);color:white}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:100;background:rgba(8,11,16,.83);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.nav-wrap{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.4px}.brand img{display:block}.accent{color:var(--blue)}.primary-nav{display:flex;align-items:center;gap:34px}.primary-nav>a{color:#aeb8c6;font-size:14px;font-weight:500;transition:.2s}.primary-nav>a:hover{color:white}.primary-nav .nav-cta{color:white;border-left:1px solid var(--line);padding-left:34px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:1px;background:white;margin:6px}
.hero{padding-top:90px;padding-bottom:54px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;min-height:590px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b6c0cd;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin:26px 0;font-size:clamp(54px,6vw,86px);line-height:.98;letter-spacing:-.065em;font-weight:700}h1 span,h2 span{color:var(--blue)}.hero-lead{max-width:680px;color:#a1adbc;font-size:19px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:54px;padding:0 24px;border:0;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:.25s}.button-primary{background:var(--blue);color:white;box-shadow:0 10px 35px rgba(22,139,255,.18)}.button-primary:hover{background:#339cff;transform:translateY(-2px)}.text-link{font-size:14px;color:#cbd3dd;border-bottom:1px solid #536072;padding-bottom:4px}.hero-panel{position:relative;min-height:480px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 32%,rgba(22,139,255,.16),transparent 37%),linear-gradient(145deg,#111822,#0d1118);overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.orbit-mark{position:absolute;top:75px;left:50%;transform:translateX(-50%);width:245px;height:245px;display:grid;place-items:center}.orbit-mark img{filter:drop-shadow(0 10px 24px rgba(22,139,255,.28))}.orbit{position:absolute;inset:12px;border:1px solid rgba(116,189,255,.27);border-radius:50%;transform:rotate(28deg) scaleY(.48)}.orbit-two{inset:30px;transform:rotate(-35deg) scaleY(.7);border-style:dashed}.signal-row{position:absolute;top:340px;left:0;right:0;display:flex;justify-content:center;gap:24px;color:#6f7c8d;font-size:9px;letter-spacing:.2em}.availability-card{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);background:rgba(8,11,16,.72);font-size:12px}.availability-card strong{font-size:13px}.mono{color:#657184;font-size:9px;letter-spacing:.14em}.availability-line{height:1px;flex:1;background:var(--line)}.trust-strip{display:flex;align-items:center;gap:70px;padding-top:46px;border-top:1px solid var(--line);color:#657184;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.trust-strip div{display:flex;justify-content:space-between;flex:1}.trust-strip b{color:#929dac;letter-spacing:.04em;font-size:14px}
.projects{background:#0b0f15}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:54px}.section-heading>div{max-width:740px}.section-heading>p{max-width:390px;margin-bottom:4px;color:var(--muted)}.section-index{display:block;margin-bottom:20px;color:var(--blue-2);font-size:11px;font-weight:700;letter-spacing:.14em}.section-heading h2,.contact h2{margin:0;font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.05em}.project-filters{display:flex;gap:8px;margin-bottom:28px;overflow-x:auto}.filter{white-space:nowrap;border:1px solid var(--line);background:transparent;color:#8e99a8;padding:10px 16px;border-radius:4px;font-size:12px;cursor:pointer}.filter span{margin-left:8px;color:#667283}.filter.active,.filter:hover{border-color:#3b9eff;background:rgba(22,139,255,.1);color:white}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:.3s}.project-card:hover{border-color:#3b4657;transform:translateY(-4px)}.project-card.hidden{display:none}.project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr}.project-visual{position:relative;min-height:320px;background:#0b1017;border-bottom:1px solid var(--line);overflow:hidden}.project-featured .project-visual{border-bottom:0;border-right:1px solid var(--line);min-height:430px}.window-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #28313d;color:#596679;font-size:8px;letter-spacing:.14em}.window-bar i{width:6px;height:6px;border-radius:50%;background:#344052}.window-bar span{margin-left:auto}.route-map{position:absolute;inset:42px 0 0;background:radial-gradient(circle at 50% 50%,rgba(22,139,255,.09),transparent 38%)}.route-map:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.route-line{position:absolute;width:63%;height:100px;left:15%;top:27%;border-top:2px solid var(--blue);border-radius:50%;transform:rotate(-6deg);filter:drop-shadow(0 0 5px var(--blue))}.port{position:absolute;width:11px;height:11px;border:2px solid var(--blue-2);border-radius:50%;z-index:2;background:#0b1017}.p1{left:17%;top:43%}.p2{left:47%;top:34%}.p3{left:76%;top:37%}.route-map b{position:absolute;color:#aab7c8;font-size:10px;letter-spacing:.1em;z-index:2}.route-map b:nth-of-type(1){left:14%;top:49%}.route-map b:nth-of-type(2){left:44%;top:41%}.route-map b:nth-of-type(3){left:74%;top:44%}.metric-stack{position:absolute;right:25px;bottom:25px;display:flex;gap:10px}.metric-stack>div{min-width:125px;padding:14px;background:rgba(13,19,28,.9);border:1px solid #293442}.metric-stack small,.kpi-row small{display:block;color:#617086;font-size:7px;letter-spacing:.13em}.metric-stack strong{display:block;margin-top:4px;font-size:19px}.metric-stack em,.kpi-row em{color:var(--green);font-size:8px;font-style:normal}.project-info{padding:30px}.project-featured .project-info{display:flex;flex-direction:column;justify-content:center;padding:48px}.project-meta{display:flex;justify-content:space-between;margin-bottom:24px;color:#687588;font-size:9px;letter-spacing:.12em}.project-meta span:first-child{color:var(--blue-2)}.project-info h3{font-size:25px;line-height:1.25;letter-spacing:-.03em}.project-featured .project-info h3{font-size:34px}.project-info p{color:#8f9aaa;font-size:14px}.project-info ul{display:flex;gap:10px;list-style:none;margin:22px 0 0;padding:0;flex-wrap:wrap}.project-info li,.tags span{padding:6px 9px;border:1px solid #2a3441;color:#98a4b3;border-radius:3px;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.analytics-visual{padding:70px 28px 28px}.analytics-visual .window-bar{position:absolute;left:0;right:0;top:0}.kpi-row{display:flex;gap:12px}.kpi-row>div{flex:1;border:1px solid #27313e;padding:13px;background:#101720}.kpi-row b{display:block;font-size:17px}.bar-chart{position:absolute;bottom:25px;left:28px;right:28px;height:120px;display:flex;align-items:end;gap:11px;border-bottom:1px solid #344052}.bar-chart i{height:var(--h);flex:1;background:linear-gradient(var(--blue),#164c80);border-radius:2px 2px 0 0}.automation-visual{display:flex;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle,rgba(22,139,255,.1),transparent 55%),#0b1017}.flow-node{width:70px;height:70px;border:1px solid #344052;background:#111923;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#718096;font-size:13px}.flow-node span{font-size:6px;letter-spacing:.1em;margin-top:5px}.primary-node{border-color:var(--blue);color:var(--blue-2)}.success-node{border-color:#2b7a59;color:var(--green)}.flow-line{width:18px;height:1px;background:#3a4655;position:relative}.flow-line:after{content:"";position:absolute;right:-1px;top:-2px;border-left:4px solid #3a4655;border-top:2px solid transparent;border-bottom:2px solid transparent}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section-heading.compact{display:block}.about-copy{padding-top:42px}.large-copy{font-size:27px;line-height:1.5;letter-spacing:-.025em;color:#d6dce3}.large-copy span{color:var(--blue-2)}.about-copy>p:not(.large-copy){color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}.stats strong{display:block;font-size:27px}.stats span{display:block;color:#788596;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.07em}.skills{background:#0b0f15}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill-card{min-height:360px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(150deg,rgba(255,255,255,.018),transparent);transition:.25s}.skill-card:hover{background:#111822}.skill-number{display:block;color:#5d6979;font-size:10px}.skill-icon{margin:48px 0 32px;color:var(--blue-2);font-size:30px}.skill-card h3{font-size:20px}.skill-card p{color:#8390a0;font-size:13px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:28px}
.contact{position:relative;overflow:hidden}.contact:before{content:"RR";position:absolute;left:-30px;bottom:-170px;color:rgba(255,255,255,.015);font-size:500px;font-weight:800;line-height:1}.contact-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-copy p{max-width:460px;color:var(--muted);margin:28px 0}.email-link{display:flex;justify-content:space-between;max-width:390px;padding:15px 0;border-bottom:1px solid #3a4655;color:#cbd3dc;font-size:14px}.contact-form{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;margin-bottom:20px;color:#768396;font-size:9px;font-weight:700;letter-spacing:.12em}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #2b3542;border-radius:4px;outline:0;background:#0c1118;color:#dce2e9;padding:14px;font-size:13px;transition:.2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,139,255,.1)}.contact-form textarea{resize:vertical}.submit-button{width:100%;justify-content:space-between}.form-note{text-align:center;color:#647184;font-size:10px;margin:12px 0 0}.site-footer{border-top:1px solid var(--line);padding:32px 0}.footer-row{display:flex;align-items:center;justify-content:space-between}.footer-row>p{margin:0;color:#687587;font-size:11px}.footer-row>div{display:flex;gap:28px;color:#687587;font-size:10px}.footer-row>div a{color:#aab4c0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card,.button{transition:none}}
@media(max-width:900px){.section{padding:86px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.hero-grid{min-height:auto}.hero-panel{min-height:420px}.project-featured{grid-template-columns:1fr}.project-featured .project-visual{border-right:0;border-bottom:1px solid var(--line)}.skill-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:60px}.section-heading{align-items:start;flex-direction:column;gap:18px}.about-copy{padding-top:0}}
@media(max-width:680px){.container{width:min(100% - 32px,var(--container))}.section{padding:72px 0}.nav-wrap{height:68px}.menu-toggle{display:block}.primary-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px;background:#0c1118;border-bottom:1px solid var(--line)}.primary-nav.open{display:flex}.primary-nav>a{padding:13px 16px}.primary-nav .nav-cta{border-left:0;border-top:1px solid var(--line);padding-left:16px}h1{font-size:49px}.hero{padding-top:65px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-panel{min-height:390px}.trust-strip{align-items:flex-start;gap:26px}.trust-strip div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:auto;display:block}.project-featured .project-visual{min-height:350px}.metric-stack{left:18px;right:18px}.metric-stack>div{min-width:0;flex:1}.project-featured .project-info{padding:30px}.project-featured .project-info h3{font-size:27px}.project-filters{margin-right:-16px}.about-grid{gap:20px}.large-copy{font-size:23px}.stats{grid-template-columns:1fr;gap:18px}.stats div{display:grid;grid-template-columns:75px 1fr;align-items:center}.skill-grid{grid-template-columns:1fr}.skill-card{min-height:auto}.skill-icon{margin:28px 0 22px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:24px 18px}.footer-row{align-items:flex-start;flex-direction:column;gap:22px}.footer-row>div{width:100%;justify-content:space-between}.footer-row>p{display:none}}
.orbit-mark img{max-width:100%;height:auto}.linkedin-link{margin-top:8px}.linkedin-link span{color:var(--blue);font-weight:700}