.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#c7d3f41c;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 48px;display:flex;position:fixed;top:0;left:0}.navbar-brand{align-items:center;gap:14px;display:flex}.navbar-logo{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.navbar-logo img{object-fit:contain;width:100%;height:100%;transition:transform .25s,opacity .25s;display:block}.navbar-logo:hover img{opacity:.9;transform:scale(1.06)}.navbar-name{letter-spacing:-.02em;color:#034f53;white-space:nowrap;font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:600}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-links button{color:#034f53;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:500;transition:color .25s,transform .25s;position:relative}.navbar-links button:hover{color:#034f53;transform:translateY(-4px)}.navbar-links button:after{content:"";background:var(--accent-primary);transform-origin:50%;height:2px;transition:transform .25s;position:absolute;bottom:3px;left:16px;right:16px;transform:scaleX(0)}.navbar-links button:hover:after{transform:scaleX(1)}@media (width<=768px){.navbar{padding:0 24px}.navbar-name{font-size:1.15rem}.navbar-links{gap:2px}.navbar-links button{padding:8px 10px;font-size:.9rem}}@media (width<=600px){.navbar{padding:0 18px}.navbar-name{display:none}.navbar-links button{padding:8px;font-size:.85rem}}.analytics-visual{box-sizing:border-box;color:#fff;background:linear-gradient(145deg,#1e2230fa,#0f121cfa);border:1px solid #ffffff26;border-radius:22px;width:100%;min-height:418px;padding:22px;box-shadow:0 35px 80px #0f172a40,inset 0 1px #ffffff14}.analytics-header{justify-content:space-between;align-items:center;display:flex}.analytics-header>div:first-child span{color:#818cf8;letter-spacing:1.5px;font-size:9px;font-weight:700}.analytics-header h3{margin:5px 0 0;font-size:18px;font-weight:600}.analytics-status{color:#86efac;background:#22c55e1a;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:flex}.analytics-status span{background:#4ade80;border-radius:50%;width:5px;height:5px}.analytics-metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.analytics-metrics>div{background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px;padding:13px}.analytics-metrics span,.analytics-metrics small{color:#94a3b8;font-size:9px;display:block}.analytics-metrics strong{margin:6px 0;font-size:17px;display:block}.analytics-metrics small{color:#4ade80}.analytics-chart{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;margin-top:12px;padding:16px}.analytics-chart-header{justify-content:space-between;margin-bottom:10px;display:flex}.analytics-chart-header span{font-size:11px;font-weight:600}.analytics-chart-header strong{color:#64748b;font-size:9px}.analytics-chart svg{width:100%;height:150px;display:block}.analytics-footer{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.analytics-footer>div{background:#ffffff0a;border-radius:12px;padding:12px}.analytics-footer span{color:#64748b;margin-bottom:5px;font-size:9px;display:block}.analytics-footer strong{font-size:13px}.dashboard-visual{box-sizing:border-box;color:#fff;background:linear-gradient(145deg,#1d202a,#0f121b);border:1px solid #ffffff26;border-radius:22px;width:100%;min-height:418px;padding:20px;box-shadow:0 35px 80px #0f172a47,inset 0 1px #ffffff14}.dashboard-visual-header{justify-content:space-between;align-items:center;display:flex}.dashboard-visual-header span{color:#818cf8;letter-spacing:1.4px;font-size:9px;font-weight:700}.dashboard-visual-header h3{margin:5px 0 0;font-size:17px}.dashboard-live{color:#86efac;align-items:center;gap:6px;display:flex;font-size:10px!important}.dashboard-live span{background:#4ade80;border-radius:50%;width:5px;height:5px}.dashboard-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.dashboard-kpis>div{background:#ffffff0a;border:1px solid #ffffff12;border-radius:11px;padding:11px}.dashboard-kpis span{color:#64748b;font-size:8px;display:block}.dashboard-kpis strong{margin:5px 0;font-size:15px;display:block}.dashboard-kpis small{color:#4ade80;font-size:8px}.dashboard-body{grid-template-columns:1.6fr .8fr;gap:9px;margin-top:9px;display:grid}.dashboard-performance,.dashboard-sources{background:#ffffff09;border:1px solid #ffffff12;border-radius:12px;padding:14px}.dashboard-card-title span{color:#64748b;letter-spacing:1px;font-size:8px;display:block}.dashboard-card-title strong{margin-top:4px;font-size:11px;display:block}.dashboard-chart{margin-top:10px}.dashboard-chart svg{width:100%;height:115px;display:block}.dashboard-days{color:#475569;justify-content:space-between;font-size:7px;display:flex}.source-donut{background:conic-gradient(#6366f1 0 76%, #22d3ee 76% 92%, #475569 92% 100%);border-radius:50%;place-items:center;width:90px;height:90px;margin:14px auto;display:grid}.source-donut:before{content:"";position:absolute}.source-donut>div{background:#151923;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.source-donut strong{font-size:15px}.source-donut span{color:#64748b;font-size:7px}.source-list{flex-direction:column;gap:7px;display:flex}.source-list>div{color:#94a3b8;grid-template-columns:7px 1fr auto;align-items:center;gap:6px;font-size:8px;display:grid}.source-list strong{color:#fff}.source-dot{border-radius:50%;width:6px;height:6px}.source-dot.organic{background:#6366f1}.source-dot.paid{background:#22d3ee}.source-dot.referral{background:#64748b}.dashboard-bottom{grid-template-columns:1.4fr .8fr;gap:9px;margin-top:9px;display:grid}.dashboard-bottom>div{background:#ffffff09;border:1px solid #ffffff12;border-radius:11px;padding:12px}.dashboard-bottom span{color:#64748b;font-size:8px;display:block}.dashboard-bottom strong{margin-top:5px;font-size:15px;display:block}.quality-bar{background:#ffffff14;border-radius:99px;height:4px;margin-top:8px;overflow:hidden}.quality-bar span{background:#22c55e;width:98.6%;height:100%;display:block}.pipeline-visual{box-sizing:border-box;color:#fff;background:linear-gradient(145deg,#17212a,#0f171d);border:1px solid #ffffff26;border-radius:22px;width:100%;min-height:418px;padding:22px;box-shadow:0 35px 80px #0f172a40}.pipeline-header{justify-content:space-between;align-items:center;display:flex}.pipeline-header span{color:#34d399;letter-spacing:1.4px;font-size:9px;font-weight:700}.pipeline-header h3{margin:5px 0 0;font-size:18px}.pipeline-running{color:#6ee7b7;align-items:center;gap:6px;display:flex;font-size:10px!important}.pipeline-running span{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #34d3991a}.pipeline-flow{align-items:center;margin-top:36px;display:flex}.pipeline-node{text-align:center;background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;flex:1;min-width:0;padding:12px 6px}.pipeline-node.active{background:#34d39912;border-color:#34d39959}.pipeline-node.completed{border-color:#6366f140}.pipeline-icon{color:#a5b4fc;background:#ffffff12;border-radius:9px;place-items:center;width:30px;height:30px;margin:0 auto 7px;font-size:14px;display:grid}.pipeline-node.active .pipeline-icon{color:#6ee7b7;background:#34d3991f}.pipeline-node strong{font-size:10px;display:block}.pipeline-node span{color:#64748b;margin-top:3px;font-size:7px;display:block}.pipeline-connector{width:24px;position:relative}.pipeline-connector:before{content:"";background:#334155;width:100%;height:1px;position:absolute;top:50%;left:0}.pipeline-connector span{background:#34d399;border-radius:50%;width:5px;height:5px;animation:1.5s linear infinite pipelineFlow;position:absolute;top:50%;left:30%;transform:translateY(-50%)}@keyframes pipelineFlow{0%{left:0}to{left:100%}}.pipeline-progress{margin-top:30px}.pipeline-progress-header{color:#94a3b8;justify-content:space-between;font-size:10px;display:flex}.pipeline-progress-header strong{color:#6ee7b7}.pipeline-progress-bar{background:#ffffff14;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.pipeline-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#059669,#34d399);width:74%;height:100%;display:block}.pipeline-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.pipeline-stats>div{background:#ffffff0a;border-radius:10px;padding:11px}.pipeline-stats span{color:#64748b;font-size:8px;display:block}.pipeline-stats strong{margin-top:5px;font-size:13px;display:block}.pipeline-log{background:#0000001f;border:1px solid #ffffff0f;border-radius:10px;margin-top:12px;padding:10px 12px}.pipeline-log>div{color:#94a3b8;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;padding:4px 0;font-size:8px;display:grid}.log-dot{border-radius:50%;width:5px;height:5px}.log-dot.success{background:#34d399}.log-dot.pending{background:#64748b}.pipeline-log time{color:#475569}.react-app-visual{box-sizing:border-box;color:#172033;background:#f8fafc;border:1px solid #dbe3ef;border-radius:22px;width:100%;min-height:418px;overflow:hidden;box-shadow:0 35px 80px #0f172a2e}.react-app-header{background:#ffffffe0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.react-brand{align-items:center;gap:9px;display:flex}.react-logo{color:#fff;background:#4f46e5;border-radius:8px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:grid}.react-brand strong{font-size:11px;display:block}.react-brand span{color:#94a3b8;margin-top:2px;font-size:7px;display:block}.react-user{color:#6366f1;background:#eef2ff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.react-app-body{min-height:360px;display:flex}.react-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;width:115px;padding:18px 10px}.sidebar-item{color:#64748b;border-radius:8px;align-items:center;gap:7px;margin-bottom:5px;padding:9px;font-size:8px;font-weight:600;display:flex}.sidebar-item span{font-size:11px}.sidebar-item.active{color:#4f46e5;background:#eef2ff}.react-main{flex:1;min-width:0;padding:20px}.react-main-header{justify-content:space-between;align-items:center;display:flex}.react-main-header span{color:#6366f1;letter-spacing:1px;font-size:8px;font-weight:700}.react-main-header h3{margin:4px 0 0;font-size:17px}.react-main-header button{color:#fff;background:#4f46e5;border:none;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:700}.react-cards{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.react-cards>div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:13px}.react-cards span{color:#64748b;font-size:8px;display:block}.react-cards strong{margin-top:6px;font-size:19px;display:block}.react-cards small{color:#16a34a;margin-top:4px;font-size:7px;display:block}.react-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:10px;overflow:hidden}.react-table-header,.react-row{grid-template-columns:1fr 90px;align-items:center;padding:10px 12px;font-size:8px;display:grid}.react-table-header{color:#94a3b8;text-transform:uppercase;background:#f8fafc;font-size:7px;font-weight:700}.react-row{color:#475569;border-top:1px solid #f1f5f9}.react-row strong{color:#16a34a;font-size:8px}.hero-visual-container{z-index:1;justify-content:center;align-items:center;width:100%;max-width:650px;display:flex;position:relative}.hero-slide{width:100%;animation:.7s both heroVisualEnter}@keyframes heroVisualEnter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.hero-visual-container{max-width:100%}}.hero{box-sizing:border-box;background:linear-gradient(120deg,#eef2ff 0%,#f8fafc 38%,#fff 65%,#ecfeff 100%);align-items:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1240px;margin:0 auto;display:grid}.hero-content{max-width:650px}.availability{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;align-items:center;margin-bottom:24px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.availability-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1f}.hero h1{margin:0}.hero-greeting{color:#111827;letter-spacing:-1.2px;margin-bottom:8px;font-family:Manrope,sans-serif;font-size:34px;font-weight:500;display:block}.hero-main-text{color:#111827;letter-spacing:-3px;font-family:Manrope,sans-serif;font-size:clamp(38px,3vw,45px);font-weight:600;line-height:1.05;display:block}.rotating-text-wrapper{vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.rotating-text{color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:.65s both heroTextIn;display:inline-block}.text-blue{background-image:linear-gradient(100deg,#2563eb,#06b6d4)}.text-purple{background-image:linear-gradient(100deg,#7c3aed,#4f46e5)}.text-green{background-image:linear-gradient(100deg,#059669,#14b8a6)}.text-orange{background-image:linear-gradient(100deg,#ea580c,#f59e0b)}@keyframes heroTextIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-description{color:#64748b;max-width:590px;margin:28px 0 0;font-family:Manrope,sans-serif;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:14px;margin-top:32px;display:flex}.primary-button,.secondary-button{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.primary-button{color:#fff;background:#4f46e5;box-shadow:0 10px 25px #4f46e533}.primary-button:hover{transform:translateY(-3px);box-shadow:0 14px 30px #4f46e547}.secondary-button{color:#334155;background:#ffffffb3;border:1px solid #e2e8f0}.secondary-button:hover{background:#fff;transform:translateY(-3px)}.hero-tech{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.hero-tech span{color:#64748b;background:#ffffff8c;border:1px solid #94a3b833;border-radius:8px;padding:7px 11px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600}.hero-visual{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.visual-glow{filter:blur(20px);background:radial-gradient(circle,#6366f133,#06b6d414,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute}.scroll-cue{color:#94a3b8;flex-direction:column;align-items:center;gap:6px;padding-top:60px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-arrow{font-size:18px;animation:1.8s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (width<=1000px){.hero-container{grid-template-columns:1fr;gap:60px}.hero-content{text-align:center;max-width:720px;margin:0 auto}.availability,.hero-description{margin-left:auto;margin-right:auto}.hero-actions,.hero-tech{justify-content:center}.hero-visual{width:100%;max-width:650px;margin:0 auto}}@media (width<=600px){.hero{padding:110px 20px 70px}.hero-greeting{font-size:28px}.hero-main-text{letter-spacing:-2px;font-size:38px}.hero-description{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.scroll-cue{display:none}}.projects-section{box-sizing:border-box;background:var(--bg-primary);padding:140px 48px;position:relative}.projects-section .section-container{width:100%;max-width:1240px;margin:0 auto}.projects-header{justify-content:space-between;align-items:flex-end;gap:70px;display:flex}.projects-heading{flex-shrink:0}.projects-section .section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:20px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.projects-heading h2{letter-spacing:-2.5px;color:var(--text-primary);margin:0;font-family:Manrope,sans-serif;font-size:clamp(38px,3vw,45px);font-weight:600;line-height:1.05}.projects-heading h2 span{color:#818cf8}.projects-header-right{max-width:440px;padding-bottom:3px}.projects-header-right p{color:var(--text-secondary);margin:0;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:400;line-height:1.8}.projects-carousel-wrapper{align-items:center;width:calc(100% - 120px);margin:80px auto 0;display:flex;position:relative}.projects-carousel{width:100%;overflow:hidden}.projects-track{will-change:transform;gap:18px;width:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex}.project-card{flex:0 0 calc(33.3333% - 12px);min-width:0}.project-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-7px)}.project-image{aspect-ratio:16/10;background:var(--bg-tertiary);width:100%;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .project-image img{transform:scale(1.04)}.project-overlay{box-sizing:border-box;color:#fff;opacity:0;background:linear-gradient(#0f172a0d 35%,#0f172ac7);justify-content:space-between;align-items:flex-end;padding:22px;text-decoration:none;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay span:first-child{font-family:Manrope,sans-serif;font-size:.82rem;font-weight:700}.overlay-arrow{font-size:1.2rem;transition:transform .25s}.project-card:hover .overlay-arrow{transform:translate(3px,-3px)}.project-content{padding:24px 24px 26px}.project-meta{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.project-category{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);font-family:Manrope,sans-serif;font-size:.68rem;font-weight:700}.project-status{color:var(--text-muted);align-items:center;gap:6px;font-family:Manrope,sans-serif;font-size:.68rem;font-weight:600;display:inline-flex}.project-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.project-content h3{letter-spacing:-.6px;color:var(--text-primary);margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;line-height:1.2}.project-content p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:Manrope,sans-serif;font-size:.82rem;font-weight:400;line-height:1.7;display:-webkit-box;overflow:hidden}.project-technologies{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.project-technologies span{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;padding:6px 9px;font-family:Manrope,sans-serif;font-size:.65rem;font-weight:600;transition:border-color .25s,background .25s,color .25s}.project-card:hover .project-technologies span{border-color:var(--border-hover)}.project-arrow{border:1px solid var(--border);background:var(--bg-secondary);width:48px;height:48px;color:var(--text-primary);cursor:pointer;z-index:10;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:500;transition:transform .25s,background .25s,border-color .25s,color .25s,box-shadow .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-arrow:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-md)}.project-arrow-left{left:-68px}.project-arrow-left:hover{transform:translate(-3px,-50%)}.project-arrow-right{right:-68px}.project-arrow-right:hover{transform:translate(3px,-50%)}.projects-pagination{letter-spacing:.08em;justify-content:center;align-items:center;gap:12px;margin-top:30px;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700;display:flex}.projects-pagination-current{color:var(--text-primary)}.projects-pagination-total{color:var(--text-muted)}.projects-pagination-line{background:var(--border);width:36px;height:1px}@media (width<=950px){.projects-section{padding:110px 32px}.projects-header{flex-direction:column;align-items:flex-start;gap:28px}.projects-header-right{max-width:600px}.projects-carousel-wrapper{width:calc(100% - 80px);margin-top:60px}.project-card{flex-basis:calc(50% - 9px)}.project-arrow-left{left:-54px}.project-arrow-right{right:-54px}}@media (width<=600px){.projects-section{padding:90px 24px}.projects-section .section-label{margin-bottom:18px}.projects-heading h2{letter-spacing:-1.8px;font-size:40px;line-height:1.08}.projects-header-right p{font-size:.9rem;line-height:1.75}.projects-carousel-wrapper{width:100%;margin-top:50px}.project-card{flex-basis:100%}.project-arrow{width:40px;height:40px;font-size:1rem}.project-arrow-left{left:10px}.project-arrow-right{right:10px}.project-overlay{opacity:1;background:linear-gradient(#0000 30%,#0f172a99);padding:18px}.project-content{padding:22px}.project-content h3{font-size:1.25rem}.projects-pagination{margin-top:24px}}@media (width<=400px){.projects-section{padding-left:20px;padding-right:20px}.projects-heading h2{letter-spacing:-1.5px;font-size:36px}.project-arrow{width:36px;height:36px}.project-arrow-left{left:8px}.project-arrow-right{right:8px}}.tech-stack-section{box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);padding:140px 48px;position:relative}.tech-stack-section .section-container{width:100%;max-width:1240px;margin:0 auto}.tech-stack-header{grid-template-columns:1fr 1fr;align-items:end;gap:90px;display:grid}.tech-stack-section .section-label{letter-spacing:.14em;color:var(--accent-primary);margin-bottom:20px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.tech-stack-header h2{letter-spacing:-2.5px;color:var(--text-primary);margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,3vw,48px);font-weight:600;line-height:1.05}.tech-stack-header h2 span{color:#818cf8}.tech-stack-header p{max-width:520px;color:var(--text-secondary);margin:0 0 4px;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.8}.tech-stack-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:90px;display:grid}.tech-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:16px;align-items:center;gap:20px;padding:24px;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;display:flex}.tech-card:hover{border-color:var(--card-border-hover);background:var(--card-bg-hover);box-shadow:var(--shadow-md);transform:translateY(-5px)}.tech-icon{background:var(--icon-bg);width:58px;height:58px;color:var(--icon-color);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;transition:transform .3s,background .3s,color .3s;display:flex}.tech-card:hover .tech-icon{background:var(--icon-bg-hover);color:var(--icon-color-hover);transform:scale(1.08)}.tech-icon img{object-fit:contain;width:34px;height:34px}.tech-info h3{color:var(--text-primary);margin:0 0 5px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600}.tech-info span{color:var(--text-muted);font-family:Manrope,sans-serif;font-size:.75rem;font-weight:500}@media (width<=950px){.tech-stack-section{padding:110px 32px}.tech-stack-header{grid-template-columns:1fr;gap:25px}.tech-stack-grid{grid-template-columns:repeat(2,1fr);margin-top:70px}}@media (width<=600px){.tech-stack-section{padding:90px 24px}.tech-stack-header h2{letter-spacing:-1.8px;font-size:40px}.tech-stack-header p{font-size:.92rem;line-height:1.75}.tech-stack-grid{grid-template-columns:1fr;margin-top:60px}.tech-card{padding:20px}}.about-section{background:linear-gradient(120deg,#eef2ff 0%,#f8fafc 38%,#fff 65%,#ecfeff 100%);padding:140px 48px;position:relative;overflow:hidden}.about-intro{grid-template-columns:1fr 1fr;align-items:start;gap:90px;display:grid}.about-heading h2{letter-spacing:-2.5px;color:#111827;margin:0;font-family:Manrope,sans-serif;font-size:clamp(42px,4.5vw,62px);font-weight:600;line-height:1.05}.about-heading h2 span{color:#64748b}.about-content{max-width:560px;padding-top:42px}.about-content p{color:#64748b;margin:0 0 24px;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.8}.about-content .about-lead{color:#334155;font-size:1.12rem;line-height:1.75}.about-workflow{border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);margin-top:110px;padding-top:48px;display:grid;position:relative}.workflow-line{opacity:.65;background:linear-gradient(90deg,#4f46e5,#06b6d4,#10b981,#f59e0b);height:1px;position:absolute;top:-1px;left:0;right:0}.workflow-item{border-left:1px solid #e2e8f0;padding:0 28px;position:relative}.workflow-item:first-of-type{border-left:none;padding-left:0}.workflow-number{letter-spacing:.08em;color:#94a3b8;margin-bottom:22px;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600}.workflow-content h3{color:#111827;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1.45rem;font-weight:600}.workflow-content p{color:#64748b;min-height:72px;margin:0;font-family:Manrope,sans-serif;font-size:.9rem;line-height:1.65}.workflow-tools{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.workflow-tools span{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:600;transition:transform .25s,border-color .25s,color .25s}.workflow-tools span:hover{color:#4f46e5;border-color:#c7d2fe;transform:translateY(-2px)}@media (width<=950px){.about-section{padding:110px 32px}.about-intro{grid-template-columns:1fr;gap:20px}.about-content{padding-top:10px}.about-workflow{grid-template-columns:repeat(2,1fr);gap:45px 0}.workflow-item:nth-of-type(3){border-left:none;padding-left:0}}@media (width<=600px){.about-section{padding:90px 24px}.about-heading h2{letter-spacing:-1.8px;font-size:40px}.about-workflow{grid-template-columns:1fr;margin-top:80px;padding-top:35px}.workflow-item,.workflow-item:first-of-type,.workflow-item:nth-of-type(3){border-left:none;padding:0}.workflow-content p{min-height:auto}}.footer{box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 75% 20%,#4f46e51f,#0000 35%),#0b1120;padding:100px 48px 0;position:relative}.footer .section-container{width:100%;max-width:1240px;margin:0 auto}.footer-main{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.footer .section-label{letter-spacing:.14em;text-transform:uppercase;color:#818cf8;margin-bottom:24px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.footer-heading h2{letter-spacing:-3px;color:#f8fafc;margin:0;font-family:Manrope,sans-serif;font-size:clamp(52px,5vw,72px);font-weight:600;line-height:1.05}.footer-heading h2 span{color:#818cf8}.footer-contact{max-width:520px}.footer-contact p{color:#94a3b8;max-width:500px;margin:0;font-family:Manrope,sans-serif;font-size:1rem;font-weight:400;line-height:1.8}.footer-contact-actions{align-items:center;gap:32px;margin-top:32px;display:flex}.footer-contact-button{color:#fff;background:#6366f1;border:1px solid #6366f1;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 20px #4f46e526}.footer-contact-button span{font-size:1rem;transition:transform .25s}.footer-contact-button:hover{background:#818cf8;border-color:#818cf8;transform:translateY(-3px);box-shadow:0 12px 28px #4f46e540}.footer-contact-button:hover span{transform:translate(3px,-3px)}.footer-socials{align-items:center;gap:24px;display:flex}.social-link{color:#94a3b8;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}.social-link svg{fill:currentColor;stroke:currentColor;flex-shrink:0;width:18px;height:18px;transition:transform .25s}.social-link svg rect,.social-link svg circle{fill:none;stroke:currentColor;stroke-width:1.8px}.social-link svg .instagram-dot{fill:currentColor;stroke:none}.social-link:hover{color:#f8fafc;transform:translateY(-3px)}.social-link:hover svg{transform:scale(1.05)}.social-arrow{font-size:.9rem;transition:transform .25s}.social-link:hover .social-arrow{transform:translate(2px,-2px)}.footer-bottom{color:#64748b;border-top:1px solid #94a3b82e;justify-content:space-between;align-items:center;margin-top:110px;padding:30px 0;font-family:Manrope,sans-serif;font-size:.78rem;font-weight:500;display:flex}@media (width<=950px){.footer{padding:110px 32px 0}.footer-main{grid-template-columns:1fr;gap:50px}.footer-contact{max-width:600px}.footer-heading h2{font-size:clamp(48px,7vw,64px)}.footer-bottom{margin-top:80px}}@media (width<=600px){.footer{padding:90px 24px 0}.footer .section-label{margin-bottom:18px}.footer-heading h2{letter-spacing:-1.8px;font-size:42px;line-height:1.08}.footer-contact p{font-size:.92rem;line-height:1.75}.footer-contact-actions{flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px}.footer-socials{flex-wrap:wrap;gap:18px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;margin-top:70px;padding:24px 0;font-size:.75rem}}@media (width<=400px){.footer-heading h2{letter-spacing:-1.5px;font-size:36px}.footer-contact-button{padding:13px 20px}.social-link{font-size:.8rem}}.approach-section{box-sizing:border-box;background:linear-gradient(120deg,#eef2ff 0%,#f8fafc 38%,#fff 65%,#ecfeff 100%);padding:140px 48px;position:relative}.section-container{width:100%;max-width:1240px;margin:0 auto}.approach-header{grid-template-columns:1fr 1fr;align-items:end;gap:90px;display:grid}.section-label{letter-spacing:.14em;color:#4f46e5;margin-bottom:20px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.approach-header h2{letter-spacing:-2.5px;color:#111827;margin:0;font-family:Manrope,sans-serif;font-size:clamp(38px,3vw,45px);font-weight:600;line-height:1.05}.approach-header h2 span{color:#64748b}.approach-header p{color:#64748b;max-width:520px;margin:0 0 4px;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.8}.approach-workflow{grid-template-columns:repeat(4,1fr);margin-top:100px;display:grid}.workflow-step{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.workflow-node-row{justify-content:center;align-items:center;width:100%;height:54px;display:flex;position:relative}.workflow-node{z-index:2;color:#4f46e5;background:#fff;border:1px solid #c7d2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 0 0 6px #fff,0 6px 18px #4f46e514}.workflow-connector{z-index:0;background:#dbe3f0;width:calc(100% - 54px);height:1px;position:absolute;top:50%;left:calc(50% + 27px);transform:translateY(-50%)}.workflow-connector span{background:#4f46e5;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.workflow-content{box-sizing:border-box;text-align:center;width:100%;padding-top:30px;padding-left:25px;padding-right:25px}.workflow-content h3{color:#111827;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.2}.workflow-content p{color:#64748b;min-height:54px;margin:0;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:400;line-height:1.7}.workflow-items{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:22px;display:flex}.workflow-items span{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:600;transition:transform .25s,border-color .25s,color .25s,background .25s}.workflow-items span:hover{color:#4f46e5;background:#fff;border-color:#c7d2fe;transform:translateY(-2px)}.workflow-step:hover .workflow-node{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 0 0 6px #fff,0 8px 25px #4f46e526}@media (width<=950px){.approach-section{padding:110px 32px}.approach-header{grid-template-columns:1fr;gap:25px}.approach-workflow{grid-template-columns:repeat(2,1fr);gap:60px 0;margin-top:80px}.workflow-connector{display:none}.workflow-content{padding-left:30px;padding-right:30px}}@media (width<=600px){.approach-section{padding:90px 24px}.approach-header h2{letter-spacing:-1.8px;font-size:40px}.approach-workflow{grid-template-columns:1fr;gap:50px;margin-top:70px}.workflow-node-row{width:100%}.workflow-connector{display:none}.workflow-content{padding-top:18px;padding-left:0;padding-right:0}.workflow-content p{min-height:auto}}@media (width<=400px){.approach-section{padding:75px 20px}.approach-header h2{font-size:36px}.workflow-content h3{font-size:1.35rem}.workflow-content p{font-size:.85rem}}.home{background:0 0;min-height:100vh}.section-container{max-width:1180px;margin:0 auto}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}.section-label{color:#64748b;letter-spacing:1.5px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.section-heading h2,.skills-layout h2{letter-spacing:-1.8px;color:#0f172a;max-width:600px;font-size:clamp(32px,4vw,48px);line-height:1.1}.section-heading p{color:#64748b;max-width:370px;font-size:14px}@media (width<=600px){.section-heading{display:block}.section-heading p{margin-top:18px}}.case-study{color:#111827;background:#f8fafc;min-height:100vh}.case-study-container{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto}.case-study-not-found{box-sizing:border-box;background:#f8fafc;align-items:center;min-height:100vh;padding:120px 48px;display:flex}.case-study-not-found .case-study-container{max-width:800px}.case-study-label{letter-spacing:.14em;color:#4f46e5;margin-bottom:20px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.case-study-not-found h1{letter-spacing:-3px;color:#111827;margin:0 0 20px;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,6vw,76px);line-height:1}.case-study-not-found p{color:#64748b;max-width:500px;margin:0 0 35px;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.8}.case-study-back-link{color:#64748b;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}.case-study-back-link:hover{color:#111827;transform:translate(-3px)}.case-study-hero{box-sizing:border-box;color:#111827;background:radial-gradient(circle at 85% 20%,#4f46e514,#0000 32%),#f8fafc;padding:130px 48px 100px}.case-study-hero .case-study-back-link{margin-bottom:90px}.case-study-hero-content{max-width:1000px}.case-study-hero-meta{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:25px;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700;display:flex}.case-study-category{color:#4f46e5}.case-study-divider{color:#94a3b8}.case-study-status{color:#64748b;align-items:center;gap:7px;display:inline-flex}.case-study-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.case-study-hero h1{letter-spacing:-5px;color:#1d1d1e;max-width:1000px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(58px,8vw,108px);font-weight:600;line-height:.98}.case-study-hero-description{color:#64748b;max-width:680px;margin:35px 0 30px;font-family:Manrope,sans-serif;font-size:1.1rem;line-height:1.8}.case-study-hero-technologies{flex-wrap:wrap;gap:8px;display:flex}.case-study-hero-technologies span{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:8px 12px;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:600}.case-study-hero-image{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;margin-top:80px;overflow:hidden;box-shadow:0 24px 60px #0f172a1a}.case-study-hero-image img{object-fit:cover;width:100%;height:auto;max-height:720px;display:block}.case-study-story{box-sizing:border-box;color:#111827;background:#fff;padding:120px 48px}.case-study-story-row{border-top:1px solid #e2e8f0;grid-template-columns:220px 1fr;gap:100px;padding:70px 0;display:grid}.case-study-story-row:first-child{border-top:0;padding-top:0}.case-study-story-label{flex-direction:column;gap:12px;display:flex}.case-study-story-label span{color:#4f46e5;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700}.case-study-story-label p{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin:0;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700}.case-study-story-content{max-width:760px}.case-study-story-content h2{letter-spacing:-2px;color:#111827;margin:0 0 25px;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,4vw,50px);font-weight:600;line-height:1.05}.case-study-story-content p{color:#64748b;margin:0;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.9}.case-study-section-intro{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:60px;display:flex}.case-study-section-intro>div{flex-shrink:0}.case-study-section-intro span{letter-spacing:.14em;color:#4f46e5;margin-bottom:20px;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700;display:inline-block}.case-study-section-intro h2{letter-spacing:-3px;color:#111827;margin:0;font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:1}.case-study-section-intro h2 em{color:#64748b;font-style:normal}.case-study-section-intro>p{color:#64748b;max-width:400px;margin:0 0 5px;font-family:Manrope,sans-serif;font-size:.9rem;line-height:1.8}.case-study-main-visual{box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 80% 15%,#6366f11f,#0000 35%),#111827;padding:140px 48px}.case-study-main-visual .case-study-section-intro span{color:#818cf8}.case-study-main-visual .case-study-section-intro h2{color:#f8fafc}.case-study-main-visual .case-study-section-intro h2 em,.case-study-main-visual .case-study-section-intro>p{color:#94a3b8}.case-study-feature-image{background:#0f172a;border:1px solid #334155;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #00000040}.case-study-feature-image img{width:100%;height:auto;display:block}.case-study-insights{box-sizing:border-box;color:#111827;background:#f8fafc;padding:140px 48px}.case-study-insights .case-study-section-intro span{color:#4f46e5}.case-study-insights .case-study-section-intro h2{color:#111827}.case-study-insights .case-study-section-intro h2 em{color:#64748b}.case-study-insights-list{border-top:1px solid #e2e8f0}.case-study-insight{border-bottom:1px solid #e2e8f0;grid-template-columns:80px 1fr 40px;align-items:center;gap:30px;min-height:130px;padding:25px 0;transition:padding .3s,background .3s;display:grid}.case-study-insight:hover{background:#fff;padding-left:15px;padding-right:15px}.insight-number{color:#4f46e5;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700}.case-study-insight p{letter-spacing:-.5px;color:#111827;max-width:800px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(20px,2vw,28px);line-height:1.35}.insight-arrow{color:#94a3b8;justify-self:end;font-family:Manrope,sans-serif;font-size:1.1rem;transition:transform .25s,color .25s}.case-study-insight:hover .insight-arrow{color:#4f46e5;transform:translate(3px,-3px)}.case-study-gallery{box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 15% 20%,#4f46e51a,#0000 35%),#1e293b;padding:140px 48px}.case-study-gallery .case-study-section-intro span{color:#818cf8}.case-study-gallery .case-study-section-intro h2{color:#f8fafc}.case-study-gallery .case-study-section-intro h2 em{color:#94a3b8}.case-study-gallery-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.gallery-item{background:#0f172a;border:1px solid #334155;border-radius:18px;margin:0;overflow:hidden}.gallery-item-large{grid-column:span 2}.gallery-item img{width:100%;height:auto;transition:transform .5s;display:block}.gallery-item:hover img{transform:scale(1.025)}.case-study-tech{box-sizing:border-box;color:#111827;background:#fff;padding:140px 48px}.case-study-tech-layout{grid-template-columns:1fr 1fr;gap:100px;display:grid}.case-study-tech-heading span{letter-spacing:.14em;color:#4f46e5;margin-bottom:20px;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700;display:inline-block}.case-study-tech-heading h2{letter-spacing:-3px;color:#111827;max-width:500px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,5vw,64px);font-weight:600;line-height:1}.case-study-tech-heading h2 em{color:#64748b;font-style:normal}.case-study-tech-list{border-top:1px solid #e2e8f0}.case-study-tech-item{border-bottom:1px solid #e2e8f0;grid-template-columns:50px 1fr 30px;align-items:center;gap:20px;padding:22px 0;display:grid}.case-study-tech-item>span:first-child{color:#94a3b8;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:700}.case-study-tech-item strong{color:#111827;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600}.case-study-tech-item>span:last-child{color:#94a3b8;justify-self:end}.case-study-navigation{box-sizing:border-box;color:#f8fafc;background:#111827;padding:120px 48px 50px}.case-study-navigation-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding-bottom:25px;display:flex}.case-study-navigation-header span{letter-spacing:.14em;color:#818cf8;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700}.case-study-navigation-header p{color:#94a3b8;margin:0;font-family:Manrope,sans-serif;font-size:.8rem}.case-study-navigation-grid{grid-template-columns:1fr 1fr;display:grid}.case-study-project-nav{box-sizing:border-box;border-bottom:1px solid #334155;flex-direction:column;align-items:flex-start;min-height:260px;padding:45px 45px 45px 0;text-decoration:none;transition:padding .3s,background .3s;display:flex}.case-study-project-nav-next{text-align:right;border-left:1px solid #334155;align-items:flex-end;padding-left:45px;padding-right:0}.case-study-project-nav:hover{padding-top:38px}.project-nav-direction{letter-spacing:.08em;color:#818cf8;margin-bottom:auto;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700}.case-study-project-nav strong{letter-spacing:-1.5px;color:#f8fafc;max-width:500px;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.05}.project-nav-category{color:#64748b;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:600}.case-study-final-back{justify-content:center;padding-top:45px;display:flex}.case-study-navigation .case-study-back-link{color:#94a3b8}.case-study-navigation .case-study-back-link:hover{color:#f8fafc}@media (width<=950px){.case-study-container{max-width:100%}.case-study-hero,.case-study-story,.case-study-main-visual,.case-study-insights,.case-study-gallery,.case-study-tech,.case-study-navigation{padding-left:32px;padding-right:32px}.case-study-hero{padding-top:120px}.case-study-hero .case-study-back-link{margin-bottom:65px}.case-study-hero h1{letter-spacing:-4px;font-size:clamp(52px,8vw,80px)}.case-study-story-row{grid-template-columns:160px 1fr;gap:60px}.case-study-section-intro{flex-direction:column;align-items:flex-start;gap:25px}.case-study-tech-layout{grid-template-columns:1fr;gap:70px}}@media (width<=600px){.case-study-hero,.case-study-story,.case-study-main-visual,.case-study-insights,.case-study-gallery,.case-study-tech,.case-study-navigation{padding-left:24px;padding-right:24px}.case-study-hero{padding-top:105px;padding-bottom:80px}.case-study-hero .case-study-back-link{margin-bottom:55px}.case-study-hero-meta{flex-wrap:wrap;gap:9px;margin-bottom:20px}.case-study-hero h1{letter-spacing:-2.5px;font-size:46px;line-height:1}.case-study-hero-description{margin-top:25px;font-size:.9rem;line-height:1.75}.case-study-hero-image{border-radius:16px;margin-top:55px}.case-study-story{padding-top:80px;padding-bottom:80px}.case-study-story-row{padding:55px 0;display:block}.case-study-story-label{flex-direction:row;align-items:center;gap:12px;margin-bottom:25px}.case-study-story-label p{margin:0}.case-study-story-content h2{letter-spacing:-1.5px;font-size:34px}.case-study-story-content p{font-size:.9rem;line-height:1.8}.case-study-section-intro{margin-bottom:40px}.case-study-section-intro h2{letter-spacing:-1.8px;font-size:40px}.case-study-section-intro>p{font-size:.88rem}.case-study-main-visual,.case-study-insights,.case-study-gallery,.case-study-tech{padding-top:90px;padding-bottom:90px}.case-study-feature-image{border-radius:14px}.case-study-insight{grid-template-columns:35px 1fr 20px;gap:12px;min-height:auto;padding:25px 0}.case-study-insight p{font-size:1rem;line-height:1.5}.case-study-insight:hover{padding-left:8px;padding-right:8px}.case-study-gallery-grid{grid-template-columns:1fr;gap:14px}.gallery-item-large{grid-column:span 1}.gallery-item{border-radius:14px}.case-study-tech-layout{gap:50px}.case-study-tech-heading h2{letter-spacing:-1.8px;font-size:40px}.case-study-tech-item{grid-template-columns:35px 1fr 20px;gap:12px}.case-study-tech-item strong{font-size:1rem}.case-study-navigation{padding-top:80px;padding-bottom:35px}.case-study-navigation-header{flex-direction:column;align-items:flex-start;gap:10px}.case-study-navigation-grid{grid-template-columns:1fr}.case-study-project-nav{min-height:220px;padding:35px 0}.case-study-project-nav-next{text-align:left;border-left:0;align-items:flex-start;padding-left:0;padding-right:0}.case-study-project-nav strong{letter-spacing:-1px;font-size:30px}.case-study-final-back{padding-top:35px}}@media (width<=400px){.case-study-hero,.case-study-story,.case-study-main-visual,.case-study-insights,.case-study-gallery,.case-study-tech,.case-study-navigation{padding-left:20px;padding-right:20px}.case-study-hero h1{letter-spacing:-2px;font-size:40px}.case-study-section-intro h2{font-size:35px}.case-study-story-content h2{font-size:30px}}:root{--bg-primary:#f6f8fc;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--bg-section:#fff;--bg-section-alt:#f6f8fc;--text-primary:#111827;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-secondary:#06b6d4;--border:#e2e8f0;--border-light:#edf1f7;--border-hover:#c7d2fe;--card-bg:#fff;--card-bg-hover:#fff;--card-border:#e2e8f0;--card-border-hover:#c7d2fe;--navbar-bg:#f8fafca6;--navbar-border:#94a3b81f;--button-primary-bg:#4f46e5;--button-primary-hover:#4338ca;--button-primary-text:#fff;--button-secondary-bg:transparent;--button-secondary-hover:#eef2ff;--button-secondary-text:#334155;--button-secondary-border:#cbd5e1;--icon-bg:#f8fafc;--icon-bg-hover:#eef2ff;--icon-color:#475569;--icon-color-hover:#4f46e5;--page-gradient:linear-gradient(120deg, #eef2ff 0%, #f8fafc 38%, #fff 65%, #ecfeff 100%);--accent-gradient:linear-gradient(100deg, #4f46e5, #06b6d4);--shadow-color:#0f172a14;--shadow-sm:0 4px 12px #0f172a0f;--shadow-md:0 12px 30px #0f172a14;--shadow-lg:0 24px 60px #0f172a1f}[data-theme=dark]{--bg-primary:#0b1120;--bg-secondary:#111827;--bg-tertiary:#172033;--bg-section:#111827;--bg-section-alt:#0b1120;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0b1120;--accent-primary:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#1e1b4b;--accent-secondary:#22d3ee;--border:#243044;--border-light:#1b2638;--border-hover:#4c4f9b;--card-bg:#111827;--card-bg-hover:#172033;--card-border:#243044;--card-border-hover:#4c4f9b;--navbar-bg:#0b1120b8;--navbar-border:#94a3b81f;--button-primary-bg:#6366f1;--button-primary-hover:#818cf8;--button-primary-text:#fff;--button-secondary-bg:transparent;--button-secondary-hover:#1e293b;--button-secondary-text:#cbd5e1;--button-secondary-border:#334155;--icon-bg:#172033;--icon-bg-hover:#1e1b4b;--icon-color:#94a3b8;--icon-color-hover:#a5b4fc;--page-gradient:linear-gradient(120deg, #0b1120 0%, #111827 38%, #0f172a 68%, #0c1a24 100%);--accent-gradient:linear-gradient(100deg, #818cf8, #22d3ee);--shadow-color:#0000004d;--shadow-sm:0 4px 12px #0000002e;--shadow-md:0 12px 30px #0000003d;--shadow-lg:0 24px 60px #00000052}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);margin:0;transition:background-color .3s,color .3s}.app{background:linear-gradient(120deg,#eef2ff 0%,#f8fafc 38%,#fff 65%,#ecfeff 100%);min-height:100vh}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}