:root{--indigo-50: #eef0ff;--indigo-500: #4f46e5;--indigo-600: #4338ca;--ink-900: #12131a;--ink-500: #5b5e6b;--ink-400: #8a8da0;--neutral-0: #fff;--neutral-50: #f7f8fa;--neutral-100: #f4f5f8;--neutral-150: #f0f1f4;--neutral-300: #dadce6;--success-500: #16a34a;--warning-500: #d97706;--error-500: #dc2626;--info-500: #0891b2;--color-bg-page: var(--neutral-50);--color-bg-surface: var(--neutral-0);--color-border-default: var(--neutral-300);--color-border-subtle: var(--neutral-150);--color-text-primary: var(--ink-900);--color-text-secondary: var(--ink-500);--color-text-faint: var(--ink-400);--color-accent: var(--indigo-500);--color-accent-tint: var(--indigo-50);--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning-bg: #fef3e2;--color-warning-text: #92400e;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-overlay: color-mix(in srgb, var(--ink-900) 45%, transparent);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 1px 3px rgb(0 0 0 / 8%);--shadow-dialog: 0 24px 64px rgb(0 0 0 / 24%);--shadow-backdrop: 0 12px 32px rgb(0 0 0 / 25%);--content-padding: 32px;--row-padding: 13px;color-scheme:light}:root[data-theme=dark]{--color-bg-page: #0b0d12;--color-bg-surface: #15171f;--color-border-default: #262a36;--color-border-subtle: #1e2033;--color-text-primary: #f2f3f7;--color-text-secondary: #9498ab;--color-text-faint: #6b6e80;--color-accent: #6366f1;--color-accent-tint: #1e2033;--color-success-bg: #052e16;--color-success-text: #86efac;--color-warning-bg: #451a03;--color-warning-text: #fcd34d;--color-error-bg: #450a0a;--color-error-text: #fca5a5;color-scheme:dark}:root[data-density=compact]{--content-padding: 24px;--row-padding: 8px}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--color-bg-page);color:var(--color-text-primary);margin:0}button,input{font:inherit}input[type=file]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:12px;min-height:40px;overflow:hidden;padding:4px;width:100%}input[type=file]::file-selector-button{background:var(--color-accent-tint);border:0;border-radius:6px;color:var(--color-accent);cursor:pointer;font-size:11px;font-weight:700;margin-right:12px;min-height:30px;padding:0 12px;transition:background .15s,color .15s}input[type=file]:hover::file-selector-button{background:var(--color-accent);color:var(--neutral-0)}input[type=file]:disabled,input[type=file]:disabled::file-selector-button{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 60%,transparent);outline-offset:2px}.paki-button{align-items:center;border:0;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.paki-button--sm{font-size:11px;min-height:32px;padding:0 12px}.paki-button--md{font-size:12px;min-height:40px;padding:0 18px}.paki-button--lg{font-size:14px;min-height:48px;padding:0 22px}.paki-button--primary{background:var(--color-accent);color:var(--neutral-0);--paki-button-content-color: var(--neutral-0)}.paki-button--secondary{background:var(--color-accent-tint);color:var(--color-accent);--paki-button-content-color: var(--color-accent)}.paki-button--outline{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary);--paki-button-content-color: var(--color-text-primary)}.paki-button--ghost{background:transparent;color:var(--color-accent);--paki-button-content-color: var(--color-accent)}.paki-button--danger{background:var(--error-500);color:var(--neutral-0);--paki-button-content-color: var(--neutral-0)}.paki-button--loading{color:transparent;cursor:wait;pointer-events:none;position:relative}.paki-button--loading:after{animation:paki-button-spinner .7s linear infinite;border:2px solid var(--paki-button-content-color, var(--color-text-primary));border-right-color:transparent;border-radius:50%;content:"";height:1em;position:absolute;width:1em}@keyframes paki-button-spinner{to{transform:rotate(360deg)}}.list-feedback{color:var(--color-text-secondary);font-size:12px;margin:0;padding:16px 18px}.list-feedback[role=alert]{color:var(--error-500)}.data-table{border-collapse:collapse;font-size:12px;width:100%}.data-table th{color:var(--color-text-faint);font-size:10px;letter-spacing:.05em;padding:12px 18px;text-align:left;text-transform:uppercase}.data-table td{border-top:1px solid var(--color-border-subtle);padding:var(--row-padding) 18px}.data-table strong,.data-table small{display:block}.data-table small{color:var(--color-text-faint);font-size:10px;margin-top:2px}@media(max-width:1000px){.data-table{min-width:760px}}:root{color-scheme:dark;font-family:Montserrat,Segoe UI,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#07090e;color:#f5f7fb}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #58b9ff;outline-offset:4px}img{max-width:100%}app-dashboard .cloud-platforms{margin-top:36px}app-dashboard .cloud-platforms h3{color:#9eb4c7;font-size:.9rem;font-weight:500}app-dashboard .cloud-logos{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:18px}app-dashboard .cloud-logo{display:flex;align-items:center;justify-content:center;width:112px;height:74px}app-dashboard .cloud-logos img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:949px){app-dashboard .hero{grid-template-columns:1fr;min-height:clamp(680px,90svh,900px);align-items:start}app-dashboard .hero-copy{max-width:680px}}@media(max-width:599px){app-dashboard .section-shell{padding:68px 22px}app-dashboard .hero{min-height:max(650px,88svh)}app-dashboard .service-card{min-height:0}app-dashboard .contact-card{padding:26px}}app-dashboard .hero-enter{animation:hero-enter .8s ease both}app-dashboard .hero-carousel{position:relative;min-width:0;animation:hero-enter .8s ease 1s both}app-dashboard .hero-art{position:relative;height:clamp(330px,42vw,600px)}app-dashboard .hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.93) translateY(14px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);pointer-events:none}app-dashboard .hero-art img.active{opacity:.92;transform:scale(1) translateY(0)}app-dashboard .carousel-dots{display:flex;justify-content:center;gap:9px;margin-top:8px}app-dashboard .carousel-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#718096;cursor:pointer}app-dashboard .carousel-dots button[aria-current=true]{width:24px;border-radius:8px;background:#2ba0ec}app-dashboard .play-marker{color:#279de8;margin-right:10px;font-size:.8em}app-dashboard .typing-cursor{margin-left:2px;color:#58b9ff;animation:cursor-blink .8s steps(1) infinite}app-dashboard [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s ease var(--reveal-delay, 0ms),transform .8s ease var(--reveal-delay, 0ms)}app-dashboard [data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes hero-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor-blink{50%{opacity:0}}@media(max-width:949px){app-dashboard .hero-carousel{position:absolute;right:-5%;bottom:4%;width:min(80%,680px);opacity:.8}app-dashboard .hero-art{height:clamp(330px,44vw,470px)}app-dashboard .carousel-dots{pointer-events:auto}}@media(max-width:599px){app-dashboard .hero-carousel{width:105%;right:-18%;bottom:0;opacity:.7}app-dashboard .hero-art{height:clamp(280px,78vw,390px)}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}app-dashboard .hero-enter,app-dashboard .hero-carousel,app-dashboard .typing-cursor{animation:none}app-dashboard .hero-art img,app-dashboard [data-reveal]{transition:none}app-dashboard [data-reveal]{opacity:1;transform:none}}@media(max-width:949px){app-dashboard .hero-copy{padding-top:clamp(38px,8vh,90px)}app-dashboard .service-grid.responsive-rail,app-dashboard .project-list.responsive-rail,app-dashboard .contact-grid.responsive-rail{display:flex;flex-wrap:nowrap;gap:clamp(16px,3vw,28px);max-width:none;margin-inline:calc(-1*clamp(24px,6vw,100px));padding:12px clamp(24px,6vw,100px) 24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(24px,6vw,100px);scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#276da3 #191e26;scrollbar-width:thin}app-dashboard .responsive-rail>*{flex:0 0 clamp(290px,48vw,430px);min-width:0;scroll-snap-align:center}app-dashboard .service-card{min-height:350px}app-dashboard .project-card{min-height:420px}app-dashboard .contact-card{min-height:230px}}@media(max-width:599px){app-dashboard .hero-copy{padding-top:clamp(22px,5vh,50px)}app-dashboard .service-grid.responsive-rail,app-dashboard .project-list.responsive-rail,app-dashboard .contact-grid.responsive-rail{margin-inline:-22px;padding-inline:22px;scroll-padding-inline:22px}app-dashboard .responsive-rail>*{flex-basis:min(84vw,390px)}app-dashboard .hero-carousel{max-width:none}app-dashboard .carousel-dots{justify-content:flex-end;padding-right:20%}}
