@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#fff;--bg-soft:#f7f8fb;--text:#4b5563;--text-dark:#0f172a;--border:#e5e7eb;--accent:#05cd77;--accent-dark:#04a861;--shadow:0 20px 50px #0f172a14;--radius:16px;--container:1200px;--font:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer}.container{width:min(var(--container), calc(100% - 48px));margin-inline:auto}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.navbar__logo{text-decoration:none;display:inline-flex}.logo{align-items:center;display:inline-flex}.logo--dark{line-height:0}.logo__navbar-image{object-fit:contain;width:auto;max-width:190px;height:64px;display:block}.logo__image{object-fit:contain;width:auto;display:block}.logo--light .logo__image{background:#fff;border-radius:10px;max-width:240px;height:64px;padding:6px 10px}.navbar__links{align-items:center;gap:20px;display:flex}.navbar__link{color:var(--text);font-weight:500;transition:color .2s}.navbar__link.active,.navbar__link:hover{color:var(--text-dark)}.navbar__toggle{cursor:pointer;color:var(--text-dark);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.navbar__menu-icon{width:24px;height:24px}.navbar__overlay{display:none}.hero{--pointer-x:0;--pointer-y:0;background:var(--bg-soft);padding:96px 0 48px;position:relative;overflow:hidden}.hero--home{background:linear-gradient(120deg,#eef5ff 0%,#f8fbff 48%,#fff6f0 100%);padding:110px 0 72px}.hero--home .hero__inner{z-index:1;text-align:center;max-width:900px;margin-inline:auto;position:relative}.hero--home .hero__subtitle{margin-inline:auto}.hero--home .hero__actions{justify-content:center}.hero--home .hero__stats{margin-inline:auto}.hero--home .hero__stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-color:#fffc;box-shadow:0 12px 30px #0f172a0f}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg__gradient{transform:translate(calc(var(--pointer-x) * 36px), calc(var(--pointer-y) * 28px));background:radial-gradient(circle at 20% 20%,#38bdf847,#0000 42%),radial-gradient(circle at 80% 10%,#0056b329,#0000 38%),radial-gradient(circle at 70% 80%,#fb923c38,#0000 40%);transition:transform .45s ease-out;position:absolute;inset:-20%}.hero-bg__grid{transform:translate(calc(var(--pointer-x) * -18px), calc(var(--pointer-y) * -14px));background-image:linear-gradient(#0056b30d 1px,#0000 1px),linear-gradient(90deg,#0056b30d 1px,#0000 1px);background-size:56px 56px;transition:transform .55s ease-out;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 88%);mask-image:radial-gradient(#000 35%,#0000 88%)}.hero-bg__orb-wrap{transform:translate(calc(var(--pointer-x) * var(--orb-shift-x)), calc(var(--pointer-y) * var(--orb-shift-y)));transition:transform .45s ease-out;position:absolute}.hero-bg__orb{filter:blur(48px);opacity:.75;width:100%;height:100%;animation:14s ease-in-out infinite hero-float;animation-delay:var(--orb-delay);border-radius:50%}.hero-bg__orb--blue{background:#38bdf88c}.hero-bg__orb--peach{background:#fb923c73}.hero-bg__shine{opacity:.35;background:linear-gradient(115deg,#0000 40%,#ffffff73 50%,#0000 60%) 0 0/220% 100%;animation:8s ease-in-out infinite hero-shine;position:absolute;inset:0}@keyframes hero-float{0%,to{translate:0}50%{translate:0 -18px}}@keyframes hero-shine{0%,to{background-position:120% 0}50%{background-position:-20% 0}}.hero--compact{background:linear-gradient(120deg,#eef5ff 0%,#f8fbff 48%,#fff6f0 100%);padding:72px 0 24px}.hero--compact .hero__inner{z-index:1;position:relative}.hero__inner{max-width:820px}.hero__eyebrow{color:var(--accent-dark);background:#05cd771f;border-radius:999px;margin-bottom:16px;padding:6px 12px;font-size:.875rem;font-weight:600;display:inline-block}.hero__title{letter-spacing:-.03em;color:var(--text-dark);margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.hero__subtitle{max-width:680px;margin-bottom:32px;font-size:1.125rem}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:520px;display:grid}.hero__stat{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px}.hero__stat-value{color:var(--text-dark);font-size:1.5rem;font-weight:700;display:block}.hero__stat-label{font-size:.875rem}.btn{border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-weight:600;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn--ghost{border:1px solid var(--border);color:var(--text-dark);background:#fff}.btn--ghost:hover{border-color:var(--text-dark)}.portfolio-section{padding:48px 0 96px}.portfolio-section__header{max-width:720px;margin-bottom:32px}.portfolio-section__header h2{color:var(--text-dark);margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.5rem)}.portfolio-section--centered .portfolio-section__header{text-align:center;margin-inline:auto}.portfolio-section--centered .portfolio-section__header h2{color:#0056b3}.portfolio-section--centered .filter-bar{justify-content:center}.portfolio-section--centered .project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,360px));justify-content:center}.portfolio-page .hero--compact .hero__inner{text-align:center;max-width:820px;margin-inline:auto}.portfolio-page .hero--compact .hero__subtitle,.portfolio-page .hero--compact .hero__stats{margin-inline:auto}.portfolio-page .hero--compact .hero__stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-color:#fffc;box-shadow:0 12px 30px #0f172a0f}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.filter-bar__btn{color:#0056b3;background:#fff;border:1px solid #0056b3;border-radius:999px;padding:10px 20px;font-weight:600;transition:all .2s}.filter-bar__btn--active{color:#fff;background:#0056b3;border-color:#0056b3}.filter-bar__btn:hover:not(.filter-bar__btn--active){background:#0056b314}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;transition:transform .25s,box-shadow .25s;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f172a1f}.project-card__link{display:block}.project-card__media{aspect-ratio:16/10;place-items:center;padding:24px;display:grid;overflow:hidden}.project-card__image{object-fit:contain;width:100%;height:100%;transition:transform .35s}.project-card:hover .project-card__image{transform:scale(1.03)}.project-card__body{padding:22px}.project-card__tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.project-card__tag{background:var(--bg-soft);color:var(--text-dark);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:600}.project-card__footer{justify-content:space-between;align-items:end;gap:16px;display:flex}.project-card__title{color:var(--text-dark);margin-bottom:6px;font-size:1.25rem}.project-card__result{color:var(--accent-dark);font-weight:600}.project-card__arrow{border:1px solid var(--border);width:42px;height:42px;color:var(--text-dark);border-radius:50%;flex-shrink:0;place-items:center;transition:background .2s,border-color .2s;display:grid}.project-card:hover .project-card__arrow{background:var(--accent);border-color:var(--accent);color:#fff}.project-card__arrow svg{width:20px;height:20px}.project-card__year{color:#0056b3;margin-bottom:10px;font-size:.8125rem;font-weight:600}.project-card--interactive:hover{transform:translateY(-6px)}.project-card--interactive:hover .screen-image img{transform:scale(1.03)}.screen-image{place-items:center;width:100%;height:100%;padding:12px;display:grid}.screen-image img{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:100%;transition:transform .35s;box-shadow:0 12px 28px #0000002e}.screen-image--expanded{padding:0}.screen-image--expanded img{object-fit:contain;border-radius:12px;width:100%;max-height:520px}.web-preview{background:#fff;border-radius:12px;width:min(90%,260px);overflow:hidden;box-shadow:0 12px 28px #00000026}.web-preview__bar{background:#f1f5f9;gap:6px;padding:10px 12px;display:flex}.web-preview__bar span{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.web-preview__body{text-align:center;padding:20px 16px}.web-preview__body strong{color:#0f172a;margin-bottom:6px;font-size:1rem;display:block}.web-preview__body p{color:#64748b;font-size:.8125rem}.ui-showcase{padding:0 0 32px}.ui-showcase__heading{text-align:center;color:#0056b3;margin-bottom:8px;font-size:1.75rem}.ui-showcase__subheading{text-align:center;color:var(--text);margin-bottom:32px}.ui-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:32px;display:grid}.ui-showcase__screen{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:0;padding:16px;overflow:hidden}.ui-showcase__screen--web{background:#fff}.ui-showcase__screen figcaption{color:#0f172a;text-align:center;margin-top:14px;font-size:.9375rem;font-weight:600}.ui-showcase__live-link{width:fit-content;margin:24px auto 0;display:flex}.ui-showcase__highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ui-showcase__highlights li{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-size:.9375rem;font-weight:500}.ui-showcase__screen--clickable{padding:0}.ui-showcase__screen-btn{cursor:zoom-in;background:0 0;border:none;width:100%;padding:16px;display:block;position:relative}.ui-showcase__screen-overlay{opacity:0;background:#0f172a8c;border-radius:12px;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:16px}.ui-showcase__screen-btn:hover .ui-showcase__screen-overlay{opacity:1}.ui-showcase__screen-zoom{color:#0f172a;background:#fffffff2;border-radius:999px;padding:10px 18px;font-size:.875rem;font-weight:600;box-shadow:0 8px 24px #0003}.ui-showcase--dynamic{padding-bottom:48px}.figma-canvas{background:#2c2c2c;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.figma-canvas__toolbar{background:#1e1e1e;border-bottom:1px solid #3a3a3a;align-items:center;gap:12px;padding:10px 14px;display:flex}.figma-canvas__dots{gap:6px;display:flex}.figma-canvas__dots span{background:#4a4a4a;border-radius:50%;width:10px;height:10px}.figma-canvas__dots span:first-child{background:#ff5f57}.figma-canvas__dots span:nth-child(2){background:#febc2e}.figma-canvas__dots span:nth-child(3){background:#28c840}.figma-canvas__title{color:#a3a3a3;font-size:.75rem;font-weight:500}.figma-canvas__body{grid-template-columns:200px 1fr 180px;min-height:420px;display:grid}.figma-canvas--compact .figma-canvas__body{grid-template-columns:1fr;min-height:220px}.figma-canvas__layers,.figma-canvas__props{background:#252525;border-right:1px solid #3a3a3a;padding:16px 12px}.figma-canvas__props{border-left:1px solid #3a3a3a;border-right:none}.figma-canvas__panel-label{color:#737373;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:.6875rem;font-weight:700}.figma-canvas__layers ul{gap:4px;list-style:none;display:grid}.figma-canvas__layer{color:#d4d4d4;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:.8125rem;transition:background .2s;display:flex}.figma-canvas__layer:hover,.figma-canvas__layer--active{background:#3a3a3a}.figma-canvas__layer--active{color:#fff}.figma-canvas__layer-icon{border:1.5px solid #a855f7;border-radius:2px;flex-shrink:0;width:12px;height:12px}.figma-canvas__stage{background:#e5e5e5;place-items:center;padding:24px;display:grid;position:relative}.figma-canvas--compact .figma-canvas__stage{padding:12px}.figma-canvas__frame-label{color:#fff;background:#a855f7;border-radius:4px;padding:4px 10px;font-size:.6875rem;font-weight:600;position:absolute;top:12px;left:16px}.figma-canvas--compact .figma-canvas__frame-label{display:none}.figma-canvas__frame{width:min(100%,520px);animation:.45s figma-frame-in}.figma-canvas--compact .figma-canvas__frame{width:100%}@keyframes figma-frame-in{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.figma-canvas__props dl{gap:10px;display:grid}.figma-canvas__props dt{color:#737373;font-size:.6875rem}.figma-canvas__props dd{color:#e5e5e5;font-size:.8125rem;font-weight:500}.figma-canvas__tabs{background:#1e1e1e;justify-content:center;gap:6px;padding:10px;display:flex}.figma-canvas__tab{cursor:pointer;background:#4a4a4a;border:none;border-radius:50%;width:8px;height:8px;padding:0}.figma-canvas__tab--active{background:#a855f7;transform:scale(1.2)}.figma-frame{background:#fff;border-radius:12px;min-height:280px;padding:16px;box-shadow:0 0 0 2px #a855f7}.figma-frame--compact{min-height:180px;padding:12px}.figma-frame__topbar{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.875rem;font-weight:700;display:flex}.figma-frame__avatar{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;width:28px;height:28px}.figma-frame__dash-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.figma-frame--compact .figma-frame__dash-grid{grid-template-columns:repeat(3,1fr);gap:6px}.figma-frame__stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.figma-frame__stat span{color:#64748b;font-size:.625rem;display:block}.figma-frame__stat strong{margin-top:2px;font-size:.875rem;display:block}.figma-frame__stat em{color:#16a34a;font-size:.625rem;font-style:normal;font-weight:600}.figma-frame__chart{background:#f1f5f9;border-radius:8px;align-items:flex-end;gap:6px;height:80px;margin-bottom:12px;padding:8px;display:flex}.figma-frame__chart span{height:var(--h);background:linear-gradient(#6366f1,#818cf8);border-radius:4px 4px 0 0;flex:1;animation:.8s backwards figma-bar-grow}.figma-frame__chart span:nth-child(2){animation-delay:50ms}.figma-frame__chart span:nth-child(3){animation-delay:.1s}.figma-frame__chart span:nth-child(4){animation-delay:.15s}.figma-frame__chart span:nth-child(5){animation-delay:.2s}.figma-frame__chart span:nth-child(6){animation-delay:.25s}.figma-frame__chart span:nth-child(7){animation-delay:.3s}@keyframes figma-bar-grow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.figma-frame__rows{gap:6px;display:grid}.figma-frame__rows div{background:#e2e8f0;border-radius:4px;height:10px}.figma-frame__rows div:nth-child(2){width:85%}.figma-frame__rows div:nth-child(3){width:70%}.figma-frame__analytics-head{justify-content:space-between;margin-bottom:16px;font-size:.8125rem;display:flex}.figma-frame__analytics-head span{color:#64748b;font-size:.75rem}.figma-frame__donut-wrap{align-items:center;gap:16px;margin-bottom:16px;display:flex}.figma-frame__donut{background:conic-gradient(#6366f1 0 42%, #a855f7 42% 73%, #e2e8f0 73%);border-radius:50%;flex-shrink:0;width:72px;height:72px}.figma-frame__donut-wrap ul{gap:6px;font-size:.6875rem;list-style:none;display:grid}.figma-frame__donut-wrap li{align-items:center;gap:6px;display:flex}.figma-frame__donut-wrap li span{background:#6366f1;border-radius:2px;width:8px;height:8px}.figma-frame__donut-wrap li:nth-child(2) span{background:#a855f7}.figma-frame__donut-wrap li:nth-child(3) span{background:#cbd5e1}.figma-frame__line-chart{color:#6366f1;background:#f8fafc;border-radius:8px;padding:8px}.figma-frame__steps{gap:8px;margin-bottom:16px;display:flex}.figma-frame__step{background:#e2e8f0;border-radius:999px;flex:1;height:4px}.figma-frame__step--done{background:#6366f1}.figma-frame__step--active{background:#a855f7}.figma-frame--onboarding strong{margin-bottom:6px;font-size:.9375rem;display:block}.figma-frame--onboarding p{color:#64748b;margin-bottom:14px;font-size:.75rem}.figma-frame__form{gap:8px;margin-bottom:12px;display:grid}.figma-frame__form div{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;height:28px}.figma-frame__form button{color:#fff;background:#6366f1;border:none;border-radius:6px;height:32px;font-size:.75rem;font-weight:600}.figma-frame__chips{flex-wrap:wrap;gap:6px;display:flex}.figma-frame__chips span{color:#4338ca;background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:.625rem;font-weight:600}.figma-frame__phone{background:#0f172a;border-radius:20px;width:min(100%,160px);margin-inline:auto;padding:8px;box-shadow:0 12px 32px #0f172a40}.figma-frame__phone-notch{background:#334155;border-radius:999px;width:40px;height:4px;margin:0 auto 8px}.figma-frame__phone-body{background:#fff;border-radius:14px;min-height:200px;padding:12px}.figma-frame__phone-body strong{margin-bottom:10px;font-size:.8125rem;display:block}.figma-frame__phone-card{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;margin-bottom:10px;padding:10px}.figma-frame__phone-card span{opacity:.85;font-size:.625rem;display:block}.figma-frame__phone-card strong{color:#fff;margin:0;font-size:.8125rem}.figma-frame__phone-list{gap:6px;margin-bottom:12px;display:grid}.figma-frame__phone-list div{background:#e2e8f0;border-radius:4px;height:8px}.figma-frame__phone-nav{border-top:1px solid #e2e8f0;justify-content:space-around;padding-top:8px;display:flex}.figma-frame__phone-nav span{background:#cbd5e1;border-radius:4px;width:16px;height:16px}.figma-frame__phone-nav span:first-child{background:#6366f1}.figma-canvas--lumen .figma-canvas__frame-label,.figma-canvas--lumen .figma-canvas__tab--active{background:#0d9488}.figma-canvas--lumen .figma-canvas__layer-icon{border-color:#14b8a6}.figma-frame__avatar--teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.figma-frame__lumen-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.9375rem;font-weight:700;display:flex}.figma-frame__lumen-vitals{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.figma-frame__vital{text-align:center;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:10px;padding:10px 8px}.figma-frame__vital span{color:#64748b;font-size:.625rem;display:block}.figma-frame__vital strong{color:#0f766e;margin-top:2px;font-size:1rem;display:block}.figma-frame__vital em{color:#64748b;font-size:.625rem;font-style:normal}.figma-frame__lumen-card{color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:10px;margin-bottom:12px;padding:12px}.figma-frame__lumen-card strong{margin-bottom:4px;font-size:.8125rem;display:block}.figma-frame__lumen-card p{opacity:.9;font-size:.6875rem}.figma-frame__lumen-actions{gap:8px;display:flex}.figma-frame__lumen-actions span{text-align:center;color:#334155;background:#f1f5f9;border-radius:8px;flex:1;padding:8px 4px;font-size:.625rem;font-weight:600}.figma-frame--lumen-booking strong,.figma-frame--lumen-records strong{margin-bottom:4px;font-size:.9375rem;display:block}.figma-frame--lumen-booking p{color:#64748b;margin-bottom:12px;font-size:.75rem}.figma-frame__lumen-calendar{gap:6px;margin-bottom:12px;display:flex}.figma-frame__cal-day{text-align:center;background:#f1f5f9;border-radius:8px;flex:1;padding:8px 4px;font-size:.6875rem;font-weight:600}.figma-frame__cal-day--active{color:#fff;background:#14b8a6}.figma-frame__lumen-slots{gap:6px;margin-bottom:12px;display:grid}.figma-frame__slot{color:#475569;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:.75rem}.figma-frame__slot--active{color:#0f766e;background:#f0fdfa;border-color:#14b8a6;font-weight:600}.figma-frame__lumen-btn{color:#fff;background:#0d9488;border:none;border-radius:8px;width:100%;padding:10px;font-size:.75rem;font-weight:600}.figma-frame__lumen-search{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;height:32px;margin:10px 0 12px}.figma-frame__lumen-list{gap:8px;list-style:none;display:grid}.figma-frame__lumen-list li{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.75rem;display:flex}.figma-frame__lumen-list em{color:#64748b;font-size:.6875rem;font-style:normal}.figma-frame__chat-head{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;display:flex}.figma-frame__chat-head strong{font-size:.8125rem;display:block}.figma-frame__chat-head span{color:#16a34a;font-size:.6875rem}.figma-frame__chat-bubbles{gap:8px;margin-bottom:12px;display:grid}.figma-frame__bubble{border-radius:12px;max-width:85%;padding:8px 12px;font-size:.6875rem;line-height:1.4}.figma-frame__bubble--in{color:#334155;background:#f1f5f9;border-bottom-left-radius:4px}.figma-frame__bubble--out{color:#fff;background:#14b8a6;border-bottom-right-radius:4px;margin-left:auto}.figma-frame__chat-input{color:#94a3b8;background:#f1f5f9;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.6875rem;display:flex}.figma-frame__chat-input button{color:#fff;background:#0d9488;border:none;border-radius:999px;padding:4px 10px;font-size:.625rem;font-weight:600}.project-card--dynamic .project-card__media{min-height:220px;padding:0;position:relative;overflow:hidden}.project-card__dynamic-badge{z-index:2;color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0f172ac7;border-radius:999px;padding:6px 12px;font-size:.6875rem;font-weight:600;position:absolute;top:12px;left:12px}.project-card__dynamic-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.project-card--dynamic:hover{transform:translateY(-6px)}.project-card--dynamic:hover .figma-canvas__frame{transform:scale(1.02)}@media (width<=900px){.figma-canvas__body{grid-template-columns:1fr}.figma-canvas__layers,.figma-canvas__props{display:none}}.project-card__preview-btn{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:relative}.project-card__preview-overlay{opacity:0;background:#0f172a80;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.project-card__preview-btn:hover .project-card__preview-overlay{opacity:1}.project-card__preview-label{color:#0f172a;background:#fffffff2;border-radius:999px;padding:8px 16px;font-size:.8125rem;font-weight:600}.project-card__link{color:inherit;text-decoration:none;display:block}.lightbox{z-index:1000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox__backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c18e0;position:absolute;inset:0}.lightbox__panel{z-index:1;flex-direction:column;width:min(1200px,100%);max-height:calc(100vh - 48px);animation:.35s lightbox-in;display:flex;position:relative}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.lightbox__stage{background:#0f172a;border-radius:16px;flex:1;min-height:240px;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000073}.lightbox__loader{place-items:center;display:grid;position:absolute;inset:0}.lightbox__loader:after{content:"";border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite lightbox-spin}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox__image{object-fit:contain;opacity:0;background:#fff;width:100%;max-height:calc(100vh - 160px);transition:opacity .25s;display:block}.lightbox__image--loaded{opacity:1}.lightbox__footer{color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px 0;display:flex}.lightbox__caption{font-size:1rem;font-weight:600}.lightbox__counter{opacity:.75;font-size:.875rem}.lightbox__close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;width:40px;height:40px;font-size:1.75rem;line-height:1;transition:background .2s;position:absolute;top:-48px;right:0}.lightbox__close:hover{background:#ffffff38}.lightbox__nav{color:#fff;cursor:pointer;z-index:2;background:#ffffff24;border:none;border-radius:50%;width:44px;height:44px;font-size:1.75rem;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background:#ffffff47}.lightbox__nav--prev{left:-56px}.lightbox__nav--next{right:-56px}@media (width<=768px){.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}.lightbox__close{background:#00000080;top:8px;right:8px}}.cta-banner{background:var(--text-dark);color:#fff;padding:72px 0}.cta-banner__inner{text-align:center}.cta-banner h2{margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.5rem)}.cta-banner p{color:#ffffffc7;margin-bottom:24px}.project-page__header{padding:48px 0 24px}.project-page__back{color:var(--text);margin-bottom:20px;font-weight:500;display:inline-block}.project-page__back:hover{color:var(--text-dark)}.project-page__tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-page__header h1{color:var(--text-dark);margin-bottom:10px;font-size:clamp(2rem,4vw,3rem)}.project-page__result{color:var(--accent-dark);font-size:1.125rem;font-weight:600}.project-page__live-link{color:#0056b3;margin-top:12px;font-weight:600;display:inline-block}.project-page__live-link:hover{text-decoration:underline}.project-page__hero{place-items:center;padding:48px 24px;display:grid}.project-page__hero--web{min-height:280px}.project-page__web-banner{text-align:center;color:#fff;max-width:520px}.project-page__web-banner h2{color:#fff;margin-bottom:8px}.project-page__web-banner p{opacity:.9;margin-bottom:20px}.project-page__highlights{margin-top:32px}.related-projects__label{color:#fff;text-align:center;padding:0 12px;font-size:1.125rem}.project-page__hero img{width:min(900px,100%);box-shadow:var(--shadow);border-radius:12px}.project-page__content{max-width:760px;padding:56px 0}.project-page__content h2{color:var(--text-dark);margin-bottom:16px;font-size:1.75rem}.project-page__content p{font-size:1.0625rem}.project-page__meta{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;padding-top:32px;display:grid}.project-page__meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin-bottom:8px;font-size:.8125rem;display:block}.project-page__meta p{color:var(--text-dark);font-weight:600}.related-projects{background:var(--bg-soft);padding:24px 0 80px}.related-projects h2{color:var(--text-dark);margin-bottom:24px}.related-projects__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.related-projects__card{border:1px solid var(--border);background:#fff;border-radius:14px;transition:transform .2s;overflow:hidden}.related-projects__card:hover{transform:translateY(-3px)}.related-projects__media{aspect-ratio:16/10;place-items:center;padding:16px;display:grid}.related-projects__media img{object-fit:contain;width:100%;height:100%}.related-projects__card h3{color:var(--text-dark);padding:16px 16px 8px}.related-projects__card p{color:var(--accent-dark);padding:0 16px 16px;font-size:.9375rem;font-weight:600}.not-found{align-items:center;min-height:50vh;padding:clamp(80px,12vw,140px) 0;display:flex}.not-found__inner{text-align:center;max-width:560px;margin-inline:auto}.not-found__code{color:#0056b3;opacity:.15;margin-bottom:-1.5rem;font-size:clamp(4rem,12vw,6rem);font-weight:700;line-height:1}.not-found h1{color:var(--text-dark);margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.5rem)}.not-found__message{color:var(--text);margin-bottom:32px;font-size:1.0625rem}.not-found__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.footer{color:#fff;background:#0056b3}.footer__inner{justify-content:space-between;align-items:flex-start;gap:48px;padding:64px 0 40px;display:flex}.footer__about{max-width:520px}.footer__logo{margin-bottom:20px}.footer__description{color:#ffffffeb;font-size:.98rem;line-height:1.7}.footer__contact{min-width:280px}.footer__heading{margin-bottom:22px;font-size:1.35rem;font-weight:700}.footer__contact-list{gap:16px;display:grid}.footer__contact-list li{color:#fffffff2;align-items:flex-start;gap:12px;line-height:1.5;display:flex}.footer__contact-list a{transition:opacity .2s}.footer__contact-list a:hover{opacity:.85}.footer__icon{flex-shrink:0;width:18px;height:18px;margin-top:3px}.footer__icon svg{width:100%;height:100%}.footer__divider{background:#ffffff2e;height:1px}.footer__bottom{text-align:center;color:#ffffffe0;padding:22px 0 28px;font-size:.92rem}@media (prefers-reduced-motion:reduce){.hero-bg__gradient,.hero-bg__grid,.hero-bg__orb-wrap,.hero-bg__orb,.hero-bg__shine{transition:none;animation:none;transform:none}}@media (width<=1024px){.portfolio-section--centered .project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-page__meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.container{width:min(var(--container), calc(100% - 32px))}.navbar__inner{min-height:64px}.navbar__toggle{z-index:110;display:flex;position:relative}.navbar__overlay{z-index:98;cursor:pointer;background:#0f172a73;border:none;display:block;position:fixed;inset:64px 0 0}.navbar__links{border-bottom:1px solid var(--border);opacity:0;visibility:hidden;z-index:99;background:#fffffffa;flex-direction:column;align-items:stretch;gap:4px;padding:16px;transition:transform .25s,opacity .25s,visibility .25s;position:fixed;top:64px;left:0;right:0;transform:translateY(-120%);box-shadow:0 12px 40px #0f172a1f}.navbar__links--open{opacity:1;visibility:visible;transform:translateY(0)}.navbar__link{border-radius:10px;padding:14px 16px;font-size:1.0625rem;display:block}.navbar__link:hover,.navbar__link.active{background:var(--bg-soft)}.logo__navbar-image{max-width:150px;height:48px}.hero,.hero--home{padding:72px 0 40px}.hero--compact{padding:56px 0 20px}.hero__stats{grid-template-columns:1fr;max-width:none}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{justify-content:center;width:100%}.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:28px;padding-bottom:4px;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar__btn{flex-shrink:0;padding:9px 16px;font-size:.875rem}.project-grid,.portfolio-section--centered .project-grid{grid-template-columns:1fr;gap:20px}.project-card__footer{flex-direction:column;align-items:flex-start}.project-card__arrow{align-self:flex-end}.project-card--dynamic .project-card__media{min-height:200px}.footer__inner{flex-direction:column;gap:36px;padding-top:48px}.footer__contact{width:100%;min-width:0}.project-page__header{padding:32px 0 16px}.project-page__meta{grid-template-columns:1fr}.project-page__hero{padding:32px 16px}.ui-showcase{padding:48px 0}.ui-showcase__grid{grid-template-columns:1fr;gap:20px}.ui-showcase__heading{font-size:1.375rem}.related-projects__grid{grid-template-columns:1fr}.cta-banner{padding:48px 0}.not-found__actions{flex-direction:column;align-items:stretch}.not-found__actions .btn{justify-content:center;width:100%}}@media (width<=480px){.container{width:min(var(--container), calc(100% - 24px))}.hero__title{font-size:clamp(1.75rem,8vw,2.25rem)}.hero__subtitle{font-size:1rem}.portfolio-section__header h2{font-size:1.5rem}.project-card__body{padding:18px}.project-card__media{padding:16px}.lightbox__caption{padding:8px 12px;font-size:.8125rem}.figma-canvas--compact{font-size:.75rem}}