@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#F7F9FC;--surface:#fff;--soft:#EEF3F9;--dark:#0D172A;--dark-2:#121F35;--text:#101828;--muted:#667085;--line:#DDE5F0;--accent:#356DF3;--cyan:#67D9FF;--violet:#8B7CFF;--shadow:0 24px 70px rgba(16,24,40,.1);--shell:min(1240px,calc(100vw - 48px));--radius:22px;--display:'Manrope',sans-serif;--body:'Inter',sans-serif}
[data-theme="dark"]{--bg:#080E1A;--surface:#101A2B;--soft:#132036;--dark:#0A1221;--dark-2:#111E33;--text:#F5F7FB;--muted:#98A6BA;--line:rgba(203,216,239,.15);--shadow:0 24px 70px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--body);transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:4px}.section-shell{width:var(--shell);margin-inline:auto}.section-block{padding-block:110px}.kicker{margin:0;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.page-glow{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 8%,rgba(53,109,243,.08),transparent 25%),radial-gradient(circle at 8% 55%,rgba(103,217,255,.07),transparent 24%)}

/* Navigation */
.site-header{position:fixed;z-index:100;top:16px;left:0;width:100%;transition:.25s}.site-header.scrolled{top:8px}.header-inner{width:min(1160px,calc(100vw - 36px));height:66px;margin:auto;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 12px 35px rgba(16,24,40,.08);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px}.brand>span{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.brand img{width:100%;height:100%;object-fit:cover}.brand b{font:600 14px var(--display)}.main-nav{display:flex;align-items:center;gap:27px}.main-nav>a:not(.nav-cta){position:relative;color:var(--muted);font-size:12px}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--accent);transition:.25s}.main-nav>a.active,.main-nav>a:hover{color:var(--text)}.main-nav>a.active:after{right:0}
.theme-toggle{position:relative;width:92px;height:40px;padding:3px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted);cursor:pointer}.theme-toggle span{position:relative;z-index:2;text-align:center;font-size:9px}.theme-toggle i{position:absolute;z-index:1;left:3px;top:3px;width:42px;height:32px;border-radius:999px;background:var(--accent);transition:.25s}[data-theme="dark"] .theme-toggle i{transform:translateX(43px)}[data-theme="light"] .theme-sun,[data-theme="dark"] .theme-moon{color:#fff}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:999px;font-weight:600;transition:.25s}.nav-cta{padding:11px 17px;font-size:11px;background:var(--text);color:var(--bg)}.button{padding:14px 21px;font-size:12px}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 14px 30px rgba(53,109,243,.2)}.button-secondary{background:var(--surface)}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer}.menu-toggle span{display:block;width:18px;height:1px;margin:5px auto;background:var(--text)}

/* Hero */
.hero{min-height:850px;padding-top:132px;padding-bottom:62px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.86fr);gap:66px;align-items:center}.hero-copy{position:relative;z-index:3}.availability{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.availability i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(53,109,243,.12);animation:statusPulse 2.4s infinite}.hero-title{max-width:720px;margin:0;font:500 clamp(58px,5.7vw,82px)/.98 var(--display);letter-spacing:-.07em}.hero-intro{max-width:650px;margin:25px 0 0;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:31px}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;padding-top:22px;border-top:1px solid var(--line)}.hero-metrics div{padding-right:18px;margin-right:18px;border-right:1px solid var(--line)}.hero-metrics div:last-child{border:0;margin:0}.hero-metrics strong{display:block;font:600 23px var(--display)}.hero-metrics span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.tech-stage{position:relative;min-height:610px;display:grid;place-items:center;isolation:isolate}.tech-stage:before{content:"";position:absolute;z-index:-2;inset:6%;border:1px solid var(--line);border-radius:50%;animation:slowSpin 28s linear infinite}.tech-stage:after{content:"";position:absolute;z-index:-3;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(53,109,243,.13),transparent 67%)}.phone-shell{position:relative;z-index:4;width:260px;height:535px;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:42px;background:#09101D;box-shadow:0 35px 80px rgba(13,23,42,.35);animation:phoneFloat 5s ease-in-out infinite}.phone-speaker{position:absolute;z-index:2;top:15px;left:50%;width:72px;height:20px;transform:translateX(-50%);border-radius:999px;background:#080D16}.phone-screen{height:100%;padding:37px 15px 16px;border-radius:33px;background:#F7F9FC;color:#101828;overflow:hidden}.app-top{display:flex;justify-content:space-between;font-size:9px}.app-top b{color:#1E9A65}.app-welcome{display:flex;flex-direction:column;margin-top:32px}.app-welcome small{color:#667085}.app-welcome strong{font:600 22px var(--display)}.app-chart{height:130px;margin:22px 0;padding:18px;display:flex;gap:8px;align-items:flex-end;border-radius:18px;background:#EAF0FE}.app-chart i{width:20%;border-radius:6px 6px 2px 2px;background:#356DF3;animation:chart 3s ease-in-out infinite}.app-chart i:nth-child(1){height:42%}.app-chart i:nth-child(2){height:70%;animation-delay:.2s}.app-chart i:nth-child(3){height:54%;animation-delay:.4s}.app-chart i:nth-child(4){height:88%;animation-delay:.6s}.app-chart i:nth-child(5){height:68%;animation-delay:.8s}.app-task{margin-top:9px;padding:12px;display:flex;justify-content:space-between;border:1px solid #DDE5F0;border-radius:12px;font-size:9px}.app-task b{color:#356DF3}.app-nav{position:absolute;left:28px;right:28px;bottom:24px;height:42px;display:flex;justify-content:space-around;align-items:center;border-radius:14px;background:#101828}.app-nav i{width:8px;height:8px;border:1px solid #67D9FF;border-radius:3px}
.tech-node{position:absolute;z-index:3;min-width:120px;padding:12px 15px;display:grid;grid-template-columns:9px 1fr;gap:1px 8px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.tech-node i{grid-row:1/3;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--accent)}.tech-node b{font-size:10px}.tech-node small{color:var(--muted);font-size:8px}.node-api{left:0;top:23%}.node-firebase{right:-2%;top:30%}.node-data{right:1%;bottom:19%}.connection{position:absolute;z-index:1;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--cyan));opacity:.65}.connection:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:nodePulse 1.8s infinite}.connection-a{left:16%;top:30%;width:175px;transform:rotate(18deg)}.connection-b{left:59%;top:39%;width:135px;transform:rotate(-15deg)}.connection-c{left:60%;top:66%;width:130px;transform:rotate(11deg)}.status-card{position:absolute;z-index:6;padding:10px 13px;display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:#0D172A;color:#fff;box-shadow:0 18px 45px rgba(13,23,42,.2);font-size:9px}.status-card i{width:7px;height:7px;border-radius:50%;background:#65D6A0}.status-card b{color:#8CB0FF}.status-one{left:3%;bottom:29%}.status-two{right:-2%;top:13%}.status-three{left:9%;top:11%}.stage-profile{position:absolute;z-index:7;right:2%;bottom:7%;max-width:175px;padding:7px 10px 7px 7px;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow)}.stage-profile img{width:31px;height:31px;border-radius:50%;object-fit:cover}.stage-profile span{color:var(--muted);font-size:8px;line-height:1.3}

/* Shared */
.section-heading{display:grid;grid-template-columns:1fr minmax(300px,430px);gap:70px;align-items:end;margin-bottom:42px}.section-heading h2{max-width:720px;margin:12px 0 0;font:500 clamp(43px,4.8vw,66px)/1.03 var(--display);letter-spacing:-.06em}.section-heading>p{margin:0;color:var(--muted)}

/* Work */
.work-section{border-top:1px solid var(--line)}.editorial-projects{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:.3s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-primary{grid-row:1/3}.project-secondary{display:grid;grid-template-columns:.9fr 1.1fr}.project-media{position:relative;min-height:260px;padding:10px;display:block;overflow:hidden;background:#EEF3F9}.project-primary .project-media{aspect-ratio:16/10}.project-media img{width:100%;height:100%;display:block;object-fit:contain;border-radius:14px;transition:transform .45s}.project-card:hover .project-media img{transform:scale(1.025)}.project-secondary .project-media{min-height:100%;padding:8px}.project-arrow{position:absolute;right:18px;top:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0D172A;color:#fff;transition:.25s}.project-card:hover .project-arrow{transform:rotate(45deg);background:var(--accent)}.project-content{padding:24px}.project-secondary .project-content{padding:20px}.project-label{display:flex;justify-content:space-between;color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.project-label small{color:var(--muted)}.project-content h3{margin:10px 0;font:600 24px/1.2 var(--display)}.project-primary .project-content h3{font-size:31px}.project-content>p{margin:0;color:var(--muted);font-size:13px}.project-reveal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:0;overflow:hidden;opacity:0;transition:.4s}.project-primary:hover .project-reveal{max-height:190px;margin-top:18px;opacity:1}.project-reveal p{margin:0;color:var(--muted);font-size:10px}.project-reveal b{display:block;margin-bottom:4px;color:var(--text);font-size:9px;text-transform:uppercase}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.tags span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px}.project-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px}.project-links a{font-size:10px;font-weight:600}.project-links a:hover{color:var(--accent)}.project-placeholder{width:100%;height:100%;min-height:220px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;background:#0D172A;color:#fff}.project-placeholder span{color:#8CB0FF;font-size:10px}.project-placeholder strong{font:500 clamp(25px,3vw,42px)/1.05 var(--display)}.project-placeholder small{color:#A8B4C6}.section-action{display:flex;justify-content:center;margin-top:42px}

/* Bento services */
.services-section{background:var(--dark);color:#F6F8FC}.services-section .kicker{color:var(--cyan)}.services-section .section-heading>p{color:#A8B4C6}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(265px,auto);gap:14px}.bento-card{position:relative;padding:28px;overflow:hidden;border:1px solid rgba(221,229,240,.13);border-radius:var(--radius);background:var(--dark-2);transition:.3s}.bento-card:hover{transform:translateY(-4px);border-color:rgba(103,217,255,.45)}.bento-1{grid-column:span 7}.bento-2{grid-column:span 5}.bento-3{grid-column:span 5}.bento-4{grid-column:span 7}.bento-card>span{color:#7DA6FF;font-size:10px}.bento-card h3{max-width:460px;margin:44px 0 10px;font:600 25px var(--display)}.bento-card p{max-width:530px;margin:0;color:#A8B4C6;font-size:13px}.bento-icon{position:absolute;right:24px;top:24px;width:54px;height:54px;border:1px solid rgba(221,229,240,.15);border-radius:17px}.bento-icon span,.bento-icon i,.bento-icon b{position:absolute;border-radius:50%;background:var(--cyan)}.bento-icon span{width:8px;height:8px;left:12px;top:23px}.bento-icon i{width:7px;height:7px;right:12px;top:12px}.bento-icon b{width:6px;height:6px;right:13px;bottom:10px}.bento-icon:after{content:"";position:absolute;inset:16px 13px;border:1px solid rgba(103,217,255,.4);transform:rotate(28deg)}.bento-visual{position:absolute;right:25px;bottom:24px;display:flex;gap:8px;align-items:end;color:#fff}.bento-1 .bento-visual i{width:32px;border-radius:7px 7px 2px 2px;background:linear-gradient(#67D9FF,#356DF3)}.bento-1 .bento-visual i:nth-child(1){height:35px}.bento-1 .bento-visual i:nth-child(2){height:62px}.bento-1 .bento-visual i:nth-child(3){height:48px}.bento-2 .bento-visual{align-items:center}.bento-2 .bento-visual i{width:12px;height:12px;border:2px solid var(--cyan);border-radius:50%}.bento-2 .bento-visual span{width:28px;height:1px;background:#4E6585}.bento-3 .bento-visual{flex-direction:column;align-items:stretch}.bento-3 code{padding:7px 10px;border-radius:7px;background:#09111F;color:#8CB0FF;font-size:9px}.bento-4 .bento-visual{flex-direction:column;align-items:flex-end}.bento-4 .bento-visual strong{font:600 33px var(--display);color:var(--cyan)}.bento-4 .bento-visual small{color:#A8B4C6}

/* Process */
.process-section{background:var(--bg)}.process-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px;align-items:start}.process-copy{position:sticky;top:110px}.process-copy h2{margin:13px 0 18px;font:500 clamp(43px,4.6vw,62px)/1.03 var(--display);letter-spacing:-.06em}.process-copy>p:not(.kicker){color:var(--muted)}.process-list{margin-top:32px;border-top:1px solid var(--line)}.workflow-node{width:100%;padding:15px 4px;display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.workflow-node span{color:var(--accent);font-size:9px}.workflow-node b{font-size:12px}.workflow-node i{font-style:normal;opacity:0;transition:.2s}.workflow-node.active{color:var(--text)}.workflow-node.active i{opacity:1;color:var(--accent);transform:rotate(45deg)}.process-stage{position:sticky;top:110px;min-height:610px;padding:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:28px;background:var(--surface);overflow:hidden}.process-orbit{position:absolute;width:440px;height:440px;border:1px dashed var(--line);border-radius:50%;animation:slowSpin 30s linear infinite}.process-orbit:before,.process-orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.process-orbit:before{inset:15% -8%;transform:rotate(22deg)}.process-orbit:after{inset:-8% 15%;transform:rotate(-22deg)}.process-orbit>i{position:absolute;width:14px;height:14px;border:4px solid var(--surface);border-radius:50%;background:var(--accent)}.process-orbit>i:nth-child(1){left:12%;top:15%}.process-orbit>i:nth-child(2){right:5%;top:52%;background:var(--cyan)}.process-orbit>i:nth-child(3){left:42%;bottom:-1%;background:var(--violet)}.process-orbit>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 48px var(--display);color:var(--accent)}.workflow-console{position:relative;z-index:2;width:min(480px,100%);padding:27px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.console-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.workflow-console>b{display:block;margin-top:54px;font:600 clamp(27px,3vw,40px)/1.1 var(--display)}.workflow-console>p{color:var(--muted)}.workflow-console>strong{display:block;color:var(--accent);font-size:11px}.workflow-console>a{display:inline-block;margin-top:40px;padding-bottom:6px;border-bottom:1px solid var(--accent);font-size:11px;font-weight:600}

/* About */
.about-section{background:var(--dark);color:#F6F8FC}.about-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.about-copy{position:sticky;top:110px;align-self:start}.about-copy .kicker{color:var(--cyan)}.about-copy h2{margin:13px 0 22px;font:500 clamp(44px,4.8vw,65px)/1.03 var(--display);letter-spacing:-.06em}.about-copy>p:not(.kicker){color:#A8B4C6}.about-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}.about-links a{padding-bottom:6px;border-bottom:1px solid #49617F;font-size:11px}.about-links a:hover{border-color:var(--cyan);color:var(--cyan)}.about-data{display:grid;gap:14px}.experience-panel,.technology-panel{padding:28px;border:1px solid rgba(221,229,240,.13);border-radius:var(--radius);background:var(--dark-2)}.panel-heading{display:flex;justify-content:space-between;margin-bottom:23px}.panel-heading .kicker{color:var(--cyan)}.panel-heading>span{color:#8E9DB2;font-size:9px}.timeline>div{padding:18px 0;display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid rgba(221,229,240,.12)}.timeline>div:first-child{padding-top:0;border:0}.timeline time{color:#8CB0FF;font-size:9px}.timeline h3{margin:0;font:600 16px var(--display)}.timeline p{margin:2px 0;color:#A8B4C6}.timeline small{display:block;margin-top:8px;color:#8E9DB2;font-size:11px}.technology-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.technology-groups section{padding-top:16px;border-top:1px solid rgba(221,229,240,.12)}.technology-groups h3{margin:0 0 10px;font:600 13px var(--display)}.technology-groups section>div{display:flex;gap:6px;flex-wrap:wrap}.technology-groups span{padding:6px 9px;border:1px solid rgba(221,229,240,.13);border-radius:999px;color:#A8B4C6;font-size:8px}

/* Proof, video, contact */
.slider-controls{display:flex;gap:8px;justify-content:flex-end}.slider-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.review-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.review-card{min-width:min(560px,84vw);margin:0;padding:31px;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.stars{color:#F4B740;letter-spacing:.08em}.review-card>p{font:400 21px/1.55 var(--display)}.review-card footer{display:flex;gap:11px;align-items:center}.review-card footer img,.review-card footer>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--soft)}.review-card footer img{object-fit:cover}.review-card footer div{display:flex;flex-direction:column}.review-card footer small{color:var(--muted)}.youtube-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.youtube-card{padding:10px 10px 17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.youtube-card>div{aspect-ratio:16/9;overflow:hidden;border-radius:15px}.youtube-card iframe{width:100%;height:100%;border:0}.youtube-card h3{margin:14px 8px 0;font:600 16px var(--display)}
.contact-section{background:var(--soft)}.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center}.contact-copy h2{margin:13px 0 18px;font:500 clamp(43px,4.7vw,64px)/1.03 var(--display);letter-spacing:-.06em}.contact-copy>p:not(.kicker){max-width:540px;color:var(--muted)}.contact-copy dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:30px 0 0;border-top:1px solid var(--line)}.contact-copy dl>div{padding:15px 12px 15px 0;border-bottom:1px solid var(--line)}.contact-copy dt{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.contact-copy dd{margin:3px 0 0;font-size:11px}.contact-form{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;margin-bottom:19px;color:var(--muted);font-size:10px;font-weight:600}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;padding:11px 0 13px;border:0;border-bottom:1px solid var(--line);outline:0;background:transparent;color:var(--text);-webkit-text-fill-color:var(--text)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:color-mix(in srgb,var(--muted) 65%,transparent)}.contact-form select option{background:var(--surface);color:var(--text)}.contact-form textarea{min-height:112px;resize:vertical}.honeypot{position:absolute!important;left:-9999px!important}.alert{margin-bottom:16px;padding:11px;border-radius:10px}.alert-error{background:rgba(220,75,55,.1);color:#D04E3C}.alert-success{background:rgba(40,150,90,.1);color:#249258}

/* Footer */
.site-footer{padding:45px 0 20px;background:var(--dark);color:#F6F8FC}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.footer-name{font:600 20px var(--display)}.footer-grid>div>p{margin:2px 0 0;color:#8E9DB2;font-size:10px}.footer-socials{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.footer-socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(221,229,240,.14);border-radius:50%;transition:.2s}.footer-socials a:hover{transform:translateY(-3px);border-color:var(--cyan)}.footer-socials img{width:17px;height:17px;object-fit:contain}.footer-contact{display:flex;justify-content:flex-end;gap:16px;align-items:center}.footer-contact a{font-size:10px}.footer-contact button{padding:0;border:0;background:none;color:#A8B4C6;cursor:pointer;font-size:9px}.footer-line{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:17px;border-top:1px solid rgba(221,229,240,.11);color:#7D8CA2;font-size:9px}.footer-line>div{display:flex;align-items:center;gap:7px}.footer-line i{width:6px;height:6px;border:1px solid #67D9FF;border-radius:50%;animation:nodePulse 2s infinite}.footer-line span{width:36px;height:1px;background:linear-gradient(90deg,#356DF3,#67D9FF)}

/* Archive and case study */
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 18px}.project-grid .project-card{overflow:visible;border:0;background:transparent}.project-grid .project-visual{position:relative;aspect-ratio:16/10;padding:10px;display:block;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#EEF3F9}.project-grid .project-visual img{width:100%;height:100%;object-fit:contain;border-radius:13px}.project-grid .project-meta{margin-top:15px}.project-grid .project-meta p{margin:5px 0;color:var(--muted);font-size:11px}.project-grid .project-meta h3{margin:0;font:600 18px var(--display)}.view-project{position:absolute;right:16px;bottom:16px;padding:7px 10px;border-radius:999px;background:#0D172A;color:#fff;font-size:9px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.filters button{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:10px}.filters button.active{border-color:var(--accent);color:var(--accent)}.portfolio-archive-hero{position:relative;padding-top:175px;padding-bottom:65px;border-bottom:1px solid var(--line)}.portfolio-archive-hero h1{margin:10px 0;font:500 clamp(62px,8vw,105px)/.95 var(--display);letter-spacing:-.07em}.portfolio-archive-hero>p:not(.kicker){max-width:620px;color:var(--muted)}.archive-count{position:absolute;right:0;bottom:65px}.archive-count strong{font:600 30px var(--display);color:var(--accent)}.archive-count span{color:var(--muted);font-size:9px}.portfolio-archive{padding-block:48px 105px}.archive-grid{margin-top:24px}
.case-study-page{padding-top:1px}.case-header-actions{display:flex;align-items:center;gap:10px}.case-hero{padding-top:160px;text-align:center}.case-hero h1{max-width:950px;margin:22px auto;font:500 clamp(52px,7vw,90px)/.99 var(--display);letter-spacing:-.065em}.case-summary{max-width:700px;margin:auto;color:var(--muted)}.case-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:26px}.case-cover{margin-top:50px;padding:12px;border:1px solid var(--line);border-radius:24px;background:#EEF3F9}.case-cover img{width:100%;max-height:760px;display:block;object-fit:contain;border-radius:15px}.case-body{display:grid;grid-template-columns:250px 1fr;gap:65px;padding-block:75px}.case-facts{position:sticky;top:105px;align-self:start;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.case-facts p{margin:15px 0 2px;color:var(--muted);font-size:8px;text-transform:uppercase}.case-facts strong{font-size:12px}.case-narrative article{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line)}.case-narrative article>span{color:var(--accent);font-size:9px;text-transform:uppercase}.case-narrative article>p{font:400 21px/1.6 var(--display)}.case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-gallery img{width:100%;border:1px solid var(--line);border-radius:16px}.next-project{padding-block:90px;text-align:center}.next-project h2{font:500 clamp(40px,5vw,64px)/1.04 var(--display)}.next-project em{color:var(--accent);font-style:normal}.case-footer{padding:20px 0;border-top:1px solid var(--line)}.case-footer>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.not-found{min-height:80vh;display:grid;place-items:center;align-content:center;text-align:center}.gallery-lightbox{width:min(1100px,92vw);padding:42px 16px 16px;border:0;border-radius:18px;background:#080c14}.gallery-lightbox::backdrop{background:rgba(0,0,0,.84)}.gallery-lightbox img{max-height:82vh;display:block;margin:auto}.gallery-lightbox button{position:absolute;right:12px;top:8px;border:0;background:none;color:#fff;font-size:23px}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes statusPulse{50%{box-shadow:0 0 0 12px rgba(53,109,243,0)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes phoneFloat{50%{transform:translateY(-12px) rotate(.5deg)}}@keyframes nodePulse{50%{opacity:.3;transform:scale(.7)}}@keyframes chart{50%{transform:scaleY(.72);transform-origin:bottom}}

@media(max-width:1080px){.hero{grid-template-columns:1fr 410px;gap:30px}.hero-title{font-size:61px}.tech-stage{transform:scale(.9)}.editorial-projects{grid-template-columns:1fr}.project-primary{grid-row:auto}.project-secondary{min-height:330px}.process-layout,.about-layout{gap:45px}.bento-card h3{margin-top:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-socials{justify-content:flex-end}.footer-contact{grid-column:1/-1;justify-content:center}}
@media(max-width:820px){:root{--shell:min(720px,calc(100% - 32px))}.section-block{padding-block:82px}.site-header{top:9px}.header-inner{height:60px}.menu-toggle{display:block;position:relative;z-index:3}.main-nav{position:fixed;z-index:2;inset:0;padding:110px 28px 35px;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:11px;background:var(--bg);transform:translateY(-105%);transition:.4s cubic-bezier(.2,.8,.2,1)}.main-nav.open{transform:none}.main-nav>a:not(.nav-cta){padding:8px 0;font:500 29px var(--display);color:var(--text)}.theme-toggle{width:100%;margin-top:12px}.theme-toggle i{width:calc(50% - 3px)}[data-theme="dark"] .theme-toggle i{transform:translateX(100%)}.nav-cta{padding:15px}.hero{min-height:auto;padding-top:115px;grid-template-columns:1fr;gap:30px}.hero-title{font-size:clamp(50px,10vw,70px)}.tech-stage{min-height:580px;transform:none}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:18px}.hero-metrics div{border:0}.section-heading{grid-template-columns:1fr;gap:15px}.project-secondary{grid-template-columns:.85fr 1.15fr}.bento-grid{grid-template-columns:1fr}.bento-card{grid-column:auto;min-height:270px}.process-layout,.about-layout,.contact-layout{grid-template-columns:1fr}.process-copy,.process-stage,.about-copy{position:static}.process-stage{min-height:540px}.technology-groups{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.case-body{grid-template-columns:1fr}.case-facts{position:static}.case-gallery{grid-template-columns:1fr}}
@media(max-width:560px){:root{--shell:calc(100% - 24px)}body{font-size:15px}.section-block{padding-block:68px}.hero-title{font-size:46px}.hero-intro{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-metrics strong{font-size:20px}.tech-stage{min-height:510px;margin-inline:-18px;transform:scale(.88)}.phone-shell{width:238px;height:490px}.tech-node{min-width:105px;padding:9px}.status-card{padding:8px}.stage-profile{display:none}.editorial-projects{display:block}.project-card{margin-bottom:14px}.project-secondary{display:block}.project-secondary .project-media{min-height:230px}.project-reveal{display:none}.project-primary .project-content h3{font-size:25px}.bento-card{min-height:290px}.process-stage{min-height:470px;padding:16px}.process-orbit{width:340px;height:340px}.workflow-console{padding:22px}.technology-groups{grid-template-columns:1fr}.timeline>div{grid-template-columns:1fr;gap:5px}.contact-copy dl{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:22px 18px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-socials,.footer-contact{justify-content:center}.footer-contact{grid-column:auto;flex-direction:column}.footer-line{flex-direction:column;gap:9px}.portfolio-archive-hero{padding-top:130px}.archive-count{position:static;margin-top:20px}.case-hero h1{font-size:47px}.case-cover .project-placeholder{min-height:320px}.case-narrative article>p{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}