:root{--sand-50:#fcfaf6;--sand-100:#f7f3ec;--sand-200:#efe8dc;--sand-300:#e2d7c5;--sand-400:#cbbca5;--terracotta:#d86d51;--terracotta-hover:#c6583c;--terracotta-light:#fbece8;--terracotta-soft:#f4a18b;--terracotta-shadow:#d86d5147;--olive:#5b6f4f;--olive-hover:#4a5b40;--olive-light:#eef3eb;--olive-soft:#859b79;--olive-shadow:#5b6f4f3d;--text-main:#2a2521;--text-muted:#645a52;--text-subtle:#8e8277;--radius-pill:9999px;--radius-card:26px;--radius-card-sm:18px;--radius-portal:38px;--clay-card-shadow:12px 16px 28px -6px #4b372a14, 3px 6px 12px -2px #4b372a0a, inset 3px 3px 6px #fffffff2, inset -3px -3px 6px #73554112;--clay-card-hover-shadow:16px 22px 36px -6px #4b372a1f, 4px 8px 16px -2px #4b372a0f, inset 3px 3px 6px #fffffffa, inset -3px -3px 6px #73554117;--clay-pill-sand-shadow:6px 8px 16px -2px #4b372a0f, inset 2px 2px 4px #ffffffe6, inset -2px -2px 4px #7355410f;--clay-btn-terracotta-shadow:0 10px 20px -4px #d86d5161, 0 4px 8px -2px #d86d5133, inset 2px 2px 4px #ffffff73, inset -2px -2px 4px #78281440;--clay-btn-olive-shadow:0 10px 20px -4px #5b6f4f59, 0 4px 8px -2px #5b6f4f33, inset 2px 2px 4px #ffffff73, inset -2px -2px 4px #2d3c2340;--clay-input-shadow:inset 2px 3px 6px #4b372a14, inset -2px -2px 4px #ffffffe6, 0 2px 4px #4b372a05;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-script:"Caveat", cursive, sans-serif;--transition-clay:all .3s cubic-bezier(.34, 1.56, .64, 1);--transition-fast:all .2s ease-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background-color:var(--sand-100);color:var(--text-main);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.grain-overlay{pointer-events:none;z-index:9999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.clay-ambient-blob{filter:blur(80px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--terracotta-light) 0%, #fbece800 70%);width:550px;height:550px;top:-100px;right:-100px}.blob-2{background:radial-gradient(circle, var(--olive-light) 0%, #eef3eb00 70%);width:500px;height:500px;top:45%;left:-150px}.blob-3{background:radial-gradient(circle, var(--sand-200) 0%, #efe8dc00 70%);width:480px;height:480px;bottom:100px;right:-120px}.container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.handwritten-script{font-family:var(--font-script);color:var(--terracotta);font-size:1.45rem;font-weight:600;line-height:1.1;display:inline-block}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--text-main);letter-spacing:-.025em;font-weight:700}p{color:var(--text-muted)}strong{color:var(--text-main);font-weight:600}.clay-pill-btn{border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-clay);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.clay-pill-btn:hover{transform:translateY(-3px)scale(1.02)}.clay-pill-btn:active{transform:translateY(2px)scale(.98)}.primary-terracotta{color:#fff;box-shadow:var(--clay-btn-terracotta-shadow);background:linear-gradient(135deg,#e0785d 0%,#d86d51 60%,#ca5e42 100%)}.primary-terracotta:hover{box-shadow:0 14px 24px -4px #d86d5173,inset 2px 2px 4px #ffffff8c,inset -2px -2px 4px #7828144d}.secondary-pill{background:var(--sand-50);color:var(--text-main);box-shadow:var(--clay-pill-sand-shadow);border:1px solid var(--sand-200);padding:10px 18px;font-size:.9rem}.secondary-pill:hover{color:var(--terracotta);background:#fff}.secondary-terracotta{background:var(--terracotta-light);color:var(--terracotta-hover);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #d86d5133}.secondary-terracotta:hover{border-color:var(--terracotta);background:#fff}.secondary-olive{background:var(--olive-light);color:var(--olive-hover);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #5b6f4f40}.secondary-olive:hover{border-color:var(--olive);background:#fff}.clay-card{background:var(--sand-50);border-radius:var(--radius-card);box-shadow:var(--clay-card-shadow);transition:var(--transition-clay);border:1px solid #fffc;padding:34px;position:relative}.clay-card:hover{box-shadow:var(--clay-card-hover-shadow);transform:translateY(-4px)}.clay-card-mini{background:var(--sand-50);border-radius:var(--radius-card-sm);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #ffffffe6;align-items:center;gap:12px;padding:16px 20px;display:flex}.clay-pill{border-radius:var(--radius-pill);background:var(--sand-50);color:var(--text-muted);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #ffffffe6;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.clay-pill-sand{border-radius:var(--radius-pill);background:var(--sand-50);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #ffffffe6;align-items:center;gap:8px;padding:8px 18px;display:inline-flex}.clay-pill-olive,.clay-badge-olive{background:var(--olive-light);color:var(--olive);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:inset 1px 1px 3px #ffffffe6,inset -1px -1px 3px #5b6f4f26}.clay-pill-terracotta,.clay-badge-terracotta{background:var(--terracotta-light);color:var(--terracotta-hover);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:inset 1px 1px 3px #ffffffe6,inset -1px -1px 3px #d86d5126}.clay-badge-sand{background:var(--sand-200);color:var(--text-main);border-radius:var(--radius-pill);padding:6px 14px;font-size:.82rem;font-weight:700;box-shadow:inset 1px 1px 3px #ffffffe6,inset -1px -1px 3px #0000000d}.site-header{z-index:1000;margin-bottom:24px;position:sticky;top:16px}.nav-container{justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-brand{border-radius:var(--radius-pill);box-shadow:var(--clay-pill-sand-shadow);transition:var(--transition-fast);background:#fff;border:1px solid #fffffff2;align-items:center;gap:10px;padding:6px 14px;text-decoration:none;display:inline-flex}.nav-brand:hover{box-shadow:var(--clay-card-hover-shadow);transform:translateY(-2px)}.skillora-nav-logo{shape-rendering:geometricprecision;text-rendering:geometricprecision;width:auto;max-width:100%;height:40px;display:inline-block}@media (width<=640px){.skillora-nav-logo{height:32px}}.skillora-logo-mark{shape-rendering:geometricprecision}.clay-nav-island{background:var(--sand-50);border-radius:var(--radius-pill);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #ffffffd9;align-items:center;gap:8px;padding:6px 12px;display:flex}.nav-link{border-radius:var(--radius-pill);color:var(--text-muted);transition:var(--transition-fast);padding:8px 16px;font-size:.92rem;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--terracotta);background:#d86d5114}.nav-cta-pill{background:var(--terracotta-light);color:var(--terracotta-hover);box-shadow:inset 1px 1px 2px #fffc}.nav-cta-pill:hover{background:var(--terracotta);color:#fff}.nav-actions{align-items:center;gap:10px;display:flex}.clay-pill-terracotta-db{color:#fff;border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:linear-gradient(135deg,#e36a4d 0%,#d85c3e 50%,#c44f33 100%);border:1px solid #fff6;align-items:center;gap:10px;padding:8px 18px;font-size:.92rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:visible;box-shadow:0 8px 18px -4px #d85c3e73,0 3px 6px -2px #d85c3e40,inset 2px 2px 4px #ffffff73,inset -2px -2px 4px #641e0f59}.clay-pill-terracotta-db:hover{background:linear-gradient(135deg,#ea7355 0%,#df6546 50%,#cc5538 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px -4px #d85c3e8c,0 5px 8px -2px #d85c3e4d,inset 2px 2px 5px #fff9,inset -2px -2px 5px #641e0f66}.clay-pill-terracotta-db:active{transform:translateY(2px)scale(.97);box-shadow:0 2px 4px #d85c3e4d,inset 2px 3px 6px #5a190a80,inset -1px -1px 2px #fff3}.db-status-ping-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:relative}.db-status-ring{opacity:.75;border-radius:50%;position:absolute;inset:-2px}.db-status-ring.status-connected{background-color:#34d399;animation:2s cubic-bezier(0,0,.2,1) infinite db-live-ping}.db-status-ring.status-fallback{background-color:#fbbf24;animation:2.5s cubic-bezier(0,0,.2,1) infinite db-live-ping}@keyframes db-live-ping{0%{opacity:.9;transform:scale(.85)}75%,to{opacity:0;transform:scale(2.2)}}.db-status-core{border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.db-status-core.status-connected{background:#10b981;box-shadow:0 0 8px #34d399,inset 1px 1px 1px #fffc}.db-status-core.status-fallback{background:#f59e0b;box-shadow:0 0 8px #fbbf24,inset 1px 1px 1px #fffc}.db-btn-content{align-items:center;gap:6px;display:inline-flex}.db-btn-title{letter-spacing:-.01em;font-size:.92rem}.db-status-chip{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;padding:1px 6px;font-size:.65rem;font-weight:800}.chip-connected{color:#ecfdf5;background:#10b98140;border:1px solid #34d39966}.chip-fallback{color:#fffbeb;background:#f59e0b40;border:1px solid #fbbf2466}.db-count-badge{color:#c44f33;background:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 2px 4px #0000001f,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #00000014}.skeleton-toggle-compact{gap:6px;padding:8px 14px;font-size:.85rem}@media (width<=900px){.skeleton-btn-label{display:none}.skeleton-toggle-compact{padding:8px 10px}}@media (width<=640px){.db-status-chip{display:none}.clay-pill-terracotta-db{gap:7px;padding:7px 12px}}.hero-section{padding:40px 0 80px;position:relative}.hero-container{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.hero-handwritten-note{align-items:center;gap:8px;margin-bottom:12px;display:inline-flex;transform:rotate(-2deg)}.handwritten-arrow{color:var(--terracotta);margin-top:4px}.hero-status-pill{background:var(--olive-light);color:var(--olive);border:1px solid #5b6f4f33;margin-bottom:24px}.status-dot{background:#34a853;border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #34a85333}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 0 2px #34a8534d}50%{transform:scale(1.15);box-shadow:0 0 0 6px #34a85300}to{transform:scale(.95);box-shadow:0 0 0 2px #34a85300}}.hero-headline{letter-spacing:-.03em;color:var(--text-main);margin-bottom:22px;font-size:clamp(2.4rem,4.2vw,3.8rem);line-height:1.12}.hero-subline{color:var(--text-muted);max-width:600px;margin-bottom:34px;font-size:1.15rem;line-height:1.7}.hero-cta-wrapper{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:44px;display:flex}.hero-main-cta{padding:16px 36px;font-size:1.08rem}.clay-pill-icon{justify-content:center;align-items:center;transition:transform .2s;display:flex}.hero-main-cta:hover .clay-pill-icon{transform:translate(4px)}.hero-cta-annotation{color:var(--olive);font-size:1.3rem;transform:rotate(-3deg)}.hero-trust-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.trust-item{flex-direction:column;padding:10px 18px;display:flex}.trust-number{color:var(--terracotta);font-size:1.25rem;font-weight:800;line-height:1.1}.trust-label{color:var(--text-subtle);font-size:.78rem;font-weight:600}.hero-visual{position:relative}.clay-hero-frame{background:var(--sand-50);border-radius:var(--radius-portal);border:1px solid #ffffffe6;padding:18px;position:relative;box-shadow:16px 24px 40px -8px #4b372a1f,inset 4px 4px 8px #fffffff2,inset -4px -4px 8px #73554114}.clay-hero-img{aspect-ratio:1;border-radius:calc(var(--radius-portal) - 10px);object-fit:cover;width:100%;height:auto;display:block;box-shadow:inset 0 2px 6px #0000000d}.clay-card-floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-card-sm);z-index:2;background:#fcfaf6f2;border:1px solid #ffffffe6;align-items:center;gap:12px;padding:12px 18px;transition:transform .3s;display:flex;position:absolute;box-shadow:8px 12px 24px -4px #4b372a24,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #7355410f}.clay-card-floating:hover{transform:translateY(-4px)scale(1.03)}.badge-top-left{top:-16px;left:-20px}.badge-bottom-right{bottom:-16px;right:-20px}.clay-mini-icon{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex;box-shadow:inset 1px 1px 3px #fffc,0 3px 6px #0000000f}.olive-icon{background:var(--olive-light);color:var(--olive)}.terracotta-icon{background:var(--terracotta-light);color:var(--terracotta)}.badge-title{color:var(--text-main);font-size:.92rem;font-weight:700;line-height:1.2;display:block}.badge-sub{color:var(--text-subtle);font-size:.78rem;display:block}.clay-floating-stamp{background:var(--sand-50);border-radius:var(--radius-pill);color:var(--olive);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #ffffffe6;padding:6px 14px;font-size:1.15rem;position:absolute;top:14px;right:14px;transform:rotate(4deg)}.section{padding:90px 0;position:relative}.section-header{margin-bottom:56px}.text-center{text-align:center}.section-kicker{margin-bottom:14px;display:inline-block}.section-title{max-width:780px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.2}.section-subtitle{color:var(--text-muted);max-width:660px;margin:0 auto;font-size:1.1rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card{flex-direction:column;display:flex;position:relative}.featured-service{background:#fefcf9;border:2px solid #d86d5159}.featured-badge{position:absolute;top:-14px;right:28px}.service-icon-box{border-radius:var(--radius-card-sm);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:22px;display:flex;box-shadow:4px 6px 12px -2px #4b372a14,inset 2px 2px 4px #fffc,inset -2px -2px 4px #0000000d}.terracotta-box{background:var(--terracotta-light);color:var(--terracotta)}.olive-box{background:var(--olive-light);color:var(--olive)}.sand-box{background:var(--sand-200);color:var(--text-main)}.service-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.service-name{font-size:1.25rem;line-height:1.3}.clay-tag-pill{border-radius:var(--radius-pill);background:var(--sand-200);color:var(--text-main);white-space:nowrap;padding:4px 10px;font-size:.72rem;font-weight:700}.service-desc{color:var(--text-muted);flex-grow:1;margin-bottom:22px;font-size:.96rem;line-height:1.65}.service-features{flex-direction:column;gap:10px;margin-bottom:24px;list-style:none;display:flex}.service-features li{color:var(--text-main);align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.bullet-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.terracotta-bg{background-color:var(--terracotta)}.olive-bg{background-color:var(--olive)}.sand-dot-bg{background-color:var(--sand-400)}.service-footer{border-top:1px dashed var(--sand-300);padding-top:16px}.service-badge-tech{color:var(--text-subtle);letter-spacing:.02em;font-size:.8rem;font-weight:600}.project-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:40px;display:flex}.clay-pill-island{background:var(--sand-50);border-radius:var(--radius-pill);box-shadow:var(--clay-pill-sand-shadow);border:1px solid #ffffffe6;padding:8px 12px;display:inline-flex}.filter-btn{border-radius:var(--radius-pill);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:10px 22px;font-size:.92rem;font-weight:600}.filter-btn:hover{color:var(--terracotta)}.filter-btn.active{background:var(--terracotta);color:#fff;box-shadow:0 4px 12px #d86d514d,inset 1px 1px 2px #ffffff80}.projects-list{flex-direction:column;gap:36px;display:flex}.project-card{padding:40px}.project-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.project-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mini-pill{padding:4px 12px;font-size:.78rem}.project-dates{color:var(--text-subtle);font-size:.85rem;font-weight:500}.project-title{margin-bottom:6px;font-size:1.65rem;line-height:1.25}.project-org{color:var(--olive);margin-bottom:18px;font-size:.95rem;font-weight:600}.project-narrative{color:var(--text-muted);margin-bottom:24px;font-size:1.02rem;line-height:1.7}.project-highlights{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.highlight-chip{flex-direction:column;padding:8px 14px;display:inline-flex}.highlight-num{color:var(--terracotta);font-size:1.05rem;font-weight:800}.highlight-text{color:var(--text-subtle);font-size:.75rem;font-weight:600}.project-tech-stack{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.tech-tag{background:var(--sand-200);color:var(--text-main);border-radius:var(--radius-pill);padding:6px 14px;font-size:.82rem;font-weight:600;box-shadow:inset 1px 1px 2px #fffc}.clay-project-frame{background:var(--sand-50);border-radius:var(--radius-card);border:1px solid #ffffffe6;padding:16px;position:relative;overflow:hidden;box-shadow:10px 14px 28px -6px #4b372a14,inset 3px 3px 6px #fffffff2,inset -3px -3px 6px #73554112}.frame-bar{border-bottom:1px solid var(--sand-200);align-items:center;gap:6px;margin-bottom:14px;padding-bottom:12px;display:flex}.frame-dot{background:var(--sand-300);border-radius:50%;width:9px;height:9px}.frame-dot:first-child{background:#ff5f56}.frame-dot:nth-child(2){background:#ffbd2e}.frame-dot:nth-child(3){background:#27c93f}.frame-title{color:var(--text-subtle);margin-left:8px;font-family:monospace;font-size:.78rem}.clay-sim-box{border-radius:calc(var(--radius-card) - 8px);box-shadow:var(--clay-input-shadow);background:#fff;padding:22px}.sim-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sim-status{font-size:.8rem}.sim-note{color:var(--terracotta);font-size:1.15rem}.sim-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.sim-kpi-tile{text-align:center;background:var(--sand-50);flex-direction:column;padding:12px 10px;display:flex}.kpi-sub{color:var(--text-subtle);margin-bottom:4px;font-size:.72rem;font-weight:600}.kpi-val{color:var(--text-main);font-size:1.22rem;font-weight:800;transition:all .3s}.highlight-green{color:var(--olive)}.sim-controls{margin-bottom:16px}.sim-action-btn{width:100%;padding:12px;font-size:.92rem}.sim-log{background:var(--sand-100);color:var(--text-muted);border:1px solid var(--sand-200);border-radius:10px;padding:10px 12px;font-family:monospace;font-size:.8rem}.clay-workflow-img{aspect-ratio:16/11;object-fit:cover;border-radius:calc(var(--radius-card) - 8px);width:100%;margin-bottom:12px;display:block}.image-caption-pill{color:var(--text-muted);text-align:center;justify-content:center;font-size:.8rem;display:flex}.about-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;display:grid}.clay-portal-container{flex-direction:column;align-items:center;display:flex;position:relative}.portal-handwritten-note{align-items:center;gap:6px;margin-bottom:12px;display:flex;transform:rotate(-3deg)}.note-sparkle{font-size:1.2rem}.clay-avatar-portal{background:var(--sand-50);border-radius:var(--radius-portal);border:1px solid #ffffffe6;width:320px;height:380px;margin-bottom:24px;padding:16px;position:relative;box-shadow:16px 22px 38px -6px #4b372a1f,inset 4px 4px 8px #fffffff2,inset -4px -4px 8px #73554114}.portal-rim-inner{border-radius:calc(var(--radius-portal) - 10px);background:#eae3d6;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 4px 10px #4b372a1a,0 2px 6px #0000000a}.portal-profile-img{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block}.clay-avatar-portal:hover .portal-profile-img{transform:scale(1.04)}.portal-status-badge{white-space:nowrap;z-index:2;background:#fff;border:1px solid #ffffffe6;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px -4px #4b372a26,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #7355410f}.status-pulse-dot{background:#34a853;border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #34a85340}.portal-status-text{color:var(--text-main);font-size:.84rem;font-weight:700}.portal-quick-cards{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:440px;display:grid}.clay-card-mini{padding:12px 14px}.mini-icon{font-size:1.3rem}.mini-label{color:var(--text-subtle);font-size:.72rem;font-weight:600;line-height:1.2;display:block}.mini-val{color:var(--text-main);font-size:.85rem;line-height:1.2;display:block}.about-bio{color:var(--text-muted);flex-direction:column;gap:16px;margin-bottom:28px;font-size:1.05rem;line-height:1.7;display:flex}.strengths-wrapper{margin-bottom:28px}.strengths-title{margin-bottom:14px;font-size:1.08rem}.strengths-pills{flex-wrap:wrap;gap:10px;display:flex}.strength-pill{padding:8px 16px;font-size:.86rem;font-weight:600}.skills-matrix{padding:26px}.matrix-title{margin-bottom:18px;font-size:1.15rem}.matrix-categories{flex-direction:column;gap:16px;display:flex}.matrix-group{flex-direction:column;gap:8px;display:flex}.group-title{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.group-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-chip{background:var(--sand-100);color:var(--text-main);border-radius:var(--radius-pill);border:1px solid var(--sand-200);padding:6px 14px;font-size:.85rem;font-weight:600;box-shadow:inset 1px 1px 2px #ffffffe6}.certs-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:36px;display:grid}.cert-card{flex-direction:column;padding:30px;display:flex;position:relative}.cert-ribbon{position:absolute;top:-12px;right:24px}.cert-icon-wrap{margin-bottom:16px;font-size:2.2rem}.cert-title{margin-bottom:8px;font-size:1.2rem;line-height:1.35}.cert-issuer{color:var(--olive);margin-bottom:14px;font-size:.88rem;font-weight:600}.cert-id-pill{align-self:flex-start;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:.78rem}.cert-id-pill code{color:var(--terracotta);font-family:monospace;font-weight:700}.cert-summary{color:var(--text-muted);font-size:.92rem;line-height:1.6}.education-banner{background:#fcfaf6;align-items:center;gap:24px;padding:24px 34px;display:flex}.banner-icon{background:var(--sand-200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.4rem;display:flex;box-shadow:inset 1px 1px 2px #ffffffe6}.banner-heading{margin-bottom:4px;font-size:1.2rem}.banner-text{color:var(--text-muted);font-size:.98rem;line-height:1.6}.banner-tag{flex-shrink:0;margin-left:auto}.contact-section{padding-bottom:110px}.contact-script-lead{margin-bottom:8px}.contact-clay-card{padding:44px}.contact-grid{grid-template-columns:.95fr 1.05fr;gap:52px;display:grid}.contact-info-heading{margin-bottom:8px;font-size:1.45rem}.contact-info-sub{color:var(--text-muted);margin-bottom:28px;font-size:.98rem}.direct-channels-list{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.channel-pill{transition:var(--transition-clay);cursor:pointer;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;display:flex;position:relative}.channel-pill:hover{background:#fff;transform:translate(4px)scale(1.01)}.channel-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:inset 1px 1px 2px #fffc}.channel-texts{flex-direction:column;flex-grow:1;display:flex}.channel-type{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.channel-val{color:var(--text-main);font-size:.98rem;font-weight:700}.copy-hint-pill{border-radius:var(--radius-pill);background:var(--sand-200);color:var(--text-muted);padding:4px 10px;font-size:.75rem;font-weight:700;transition:all .2s}.channel-pill:hover .copy-hint-pill{background:var(--terracotta);color:#fff}.external-arrow{color:var(--text-subtle);font-size:1.1rem;font-weight:700}.signature-box{border:1px dashed var(--sand-300);border-radius:var(--radius-card-sm);background:#fcfaf6;flex-direction:column;gap:10px;padding:22px;display:flex}.sig-header{justify-content:space-between;align-items:center;width:100%;display:flex}.sig-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);font-size:.8rem;font-weight:700}.sig-image-container{border-bottom:1px solid var(--sand-200);justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.handwritten-signature{font-family:var(--font-script);color:var(--terracotta);letter-spacing:.02em;font-size:2.8rem;font-weight:700;line-height:1}.sig-date{color:var(--text-subtle);font-size:.8rem}.sig-motto{color:var(--olive);font-size:1.15rem;line-height:1.3}.clay-contact-form{flex-direction:column;gap:20px;display:flex}.form-row{flex-direction:column;gap:8px;display:flex}.clay-label{color:var(--text-main);font-size:.92rem;font-weight:700}.clay-input,.clay-textarea{border:1.5px solid var(--sand-300);width:100%;font-family:var(--font-sans);color:var(--text-main);box-shadow:var(--clay-input-shadow);background:#fff;border-radius:14px;outline:none;padding:14px 18px;font-size:.98rem;transition:all .2s}.clay-input:focus,.clay-textarea:focus{border-color:var(--terracotta);box-shadow:inset 2px 3px 6px #d86d5114,0 0 0 3px #d86d5126}.service-choice-pills{flex-wrap:wrap;gap:8px;display:flex}.scope-choice-btn{background:var(--sand-100);border:1px solid var(--sand-300);border-radius:var(--radius-pill);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);padding:8px 16px;font-size:.88rem;font-weight:600}.scope-choice-btn:hover{color:var(--terracotta);background:#fff}.scope-choice-btn.active{background:var(--terracotta-light);border-color:var(--terracotta);color:var(--terracotta-hover);box-shadow:inset 1px 1px 3px #ffffffe6}.signature-pad-row{background:var(--sand-100);border-radius:var(--radius-card-sm);border:1px dashed var(--sand-300);padding:16px}.sig-pad-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sig-prompt-hint{color:var(--terracotta);font-size:1.15rem}.clay-signature-pad{align-items:center;display:flex;position:relative}.clay-sig-input{border:1.5px solid var(--sand-300);width:100%;color:var(--terracotta-hover);box-shadow:var(--clay-input-shadow);background:#fff;border-radius:14px;outline:none;padding:14px 140px 14px 18px;font-size:1.8rem}.sig-seal-badge{border-radius:var(--radius-pill);background:var(--sand-200);color:var(--text-muted);pointer-events:none;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex;position:absolute;right:12px}.sig-seal-badge.sealed{background:var(--olive-light);color:var(--olive);box-shadow:inset 1px 1px 2px #ffffffe6}.form-submit-btn{width:100%;margin-top:8px;padding:16px 28px;font-size:1.05rem}.form-status-msg{border-radius:12px;padding:12px 18px;font-size:.92rem;font-weight:600;display:none}.form-status-msg.success{background:var(--olive-light);color:var(--olive-hover);border:1px solid #5b6f4f4d;display:block}.form-status-msg.error{color:#b91c1c;background:#fdf2f2;border:1px solid #fca5a5;display:block}.site-footer{border-top:1px solid var(--sand-300);background:var(--sand-100);z-index:1;padding:60px 0 40px;position:relative}.footer-container{flex-direction:column;gap:36px;display:flex}.footer-brand{align-items:center;gap:12px;margin-bottom:12px;display:flex}.footer-tagline{color:var(--text-muted);max-width:480px;font-size:.95rem}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--terracotta)}.footer-bottom{border-top:1px dashed var(--sand-300);color:var(--text-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:.88rem;display:flex}.footer-handwritten{color:var(--olive);font-size:1.3rem}.clay-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.clay-toast{background:var(--sand-50);border-radius:var(--radius-pill);color:var(--text-main);pointer-events:auto;border:1px solid #ffffffe6;align-items:center;gap:10px;padding:12px 24px;font-size:.92rem;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards toast-in;display:flex;box-shadow:0 14px 28px -4px #4b372a2e,inset 2px 2px 4px #fffffff2,inset -2px -2px 4px #73554114}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.9)}}.skeleton-content{display:none}body.skeleton-active .live-content{display:none!important}body.skeleton-active .skeleton-content{display:block!important}.shimmer{background:linear-gradient(90deg,#efe8dc 0%,#faf6ee 50%,#efe8dc 100%) 0 0/200% 100%;border-radius:12px;animation:1.6s ease-in-out infinite shimmer-anim}@keyframes shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-hero{max-width:650px}.skeleton-badge{border-radius:var(--radius-pill);width:280px;height:34px;margin-bottom:24px}.skeleton-title{width:100%;height:90px;margin-bottom:24px}.skeleton-subtitle{width:85%;height:60px;margin-bottom:34px}.skeleton-btn{border-radius:var(--radius-pill);width:240px;height:52px}@media (width<=992px){.hero-container{grid-template-columns:1fr;gap:40px}.hero-visual{max-width:480px;margin:0 auto}.services-grid,.project-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:48px}.certs-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:40px}.education-banner{text-align:center;flex-direction:column}.banner-tag{margin-left:0}}@media (width<=768px){.site-header{top:10px}.nav-links{display:none}.hero-section{padding:20px 0 60px}.hero-trust-bar{flex-direction:column;align-items:flex-start}.clay-avatar-portal{width:260px;height:320px}.portal-quick-cards{grid-template-columns:1fr;max-width:280px}.clay-card,.contact-clay-card{padding:24px}.clay-signature-pad{flex-direction:column;align-items:stretch;gap:8px}.clay-sig-input{padding-right:18px}.sig-seal-badge{align-self:flex-start;position:static}}.clay-chatbot-wrapper{z-index:9995;font-family:var(--font-sans);position:fixed;bottom:24px;right:24px}.clay-chat-toggle-btn{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-clay);-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e0785d 0%,#d86d51 60%,#ca5e42 100%);border:none;align-items:center;gap:10px;padding:14px 24px;font-size:.96rem;font-weight:700;display:inline-flex;box-shadow:0 12px 24px -4px #d86d516b,0 4px 8px -2px #d86d5140,inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #78281447}.clay-chat-toggle-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 16px 28px -4px #d86d5180,inset 2px 2px 4px #fff9,inset -2px -2px 4px #7828144d}.clay-chat-toggle-btn:active{transform:translateY(2px)scale(.98)}.chat-toggle-sparkle{font-size:1.15rem}.chat-status-pulse{background:#34a853;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 2px #34a8534d}.clay-chat-dialog{border-radius:var(--radius-card);background:#fcfaf6;border:1.5px solid #fffffff2;flex-direction:column;width:380px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 48px);animation:.25s cubic-bezier(.34,1.56,.64,1) forwards chat-popup-anim;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 22px 45px -8px #4b372a38,0 8px 16px -2px #4b372a14,inset 3px 3px 6px #fffffffa,inset -3px -3px 6px #73554114}.clay-chat-dialog[hidden]{display:none!important}@keyframes chat-popup-anim{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-header{color:#fff;background:linear-gradient(135deg,#de7256 0%,#d86d51 60%,#c7583b 100%);justify-content:space-between;align-items:center;padding:12px 18px;display:flex;box-shadow:0 2px 6px #00000014,inset 1px 1px 3px #fff6}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-header-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000026}.chat-avatar-mini{object-fit:cover;object-position:center top;width:100%;height:100%}.avatar-online-dot{background:#34a853;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.chat-header-title{color:#fff;font-size:.96rem;font-weight:700;line-height:1.2}.chat-header-sub{color:#fbece8;font-size:.72rem}.chat-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.chat-close-btn:hover{background:#ffffff4d}.chat-messages-body{background:var(--sand-100);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;max-width:85%;animation:.2s ease-out msg-fade-in;display:flex}@keyframes msg-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{align-self:flex-end}.chat-msg.assistant{align-self:flex-start}.chat-bubble{word-break:break-word;padding:12px 16px;font-size:.9rem;line-height:1.55}.chat-msg.user .chat-bubble{color:#fff;background:linear-gradient(135deg,#de7256 0%,#d86d51 100%);border-radius:18px 18px 4px;box-shadow:0 4px 10px #d86d5140,inset 1px 1px 2px #fff6}.chat-msg.assistant .chat-bubble{color:var(--text-main);border:1px solid var(--sand-200);background:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 4px 10px #4b372a0d,inset 1px 1px 2px #fffffff2}.chat-bubble a{color:var(--terracotta);font-weight:600;text-decoration:underline}.chat-time{color:var(--text-subtle);margin-top:4px;padding:0 4px;font-size:.68rem}.chat-msg.user .chat-time{align-self:flex-end}.typing-dots{border:1px solid var(--sand-200);background:#fff;border-radius:16px;align-items:center;gap:4px;padding:10px 14px;display:inline-flex;box-shadow:0 2px 6px #0000000a}.typing-dot{background:var(--terracotta);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.chat-preset-container{border-top:1px solid var(--sand-200);border-bottom:1px solid var(--sand-200);background:#fcfaf6;padding:10px 14px}.preset-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.preset-chips{flex-direction:column;gap:5px;max-height:110px;display:flex;overflow-y:auto}.preset-chip{text-align:left;border:1px solid var(--sand-300);font-family:var(--font-sans);color:var(--terracotta-hover);cursor:pointer;background:#fff;border-radius:10px;padding:7px 11px;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:inset 1px 1px 2px #fffc}.preset-chip:hover{background:var(--terracotta-light);border-color:var(--terracotta);transform:translate(3px)}.chat-input-bar{background:#fff;align-items:center;gap:8px;padding:12px 14px;display:flex}.chat-input-field{background:var(--sand-100);border:1.5px solid var(--sand-300);border-radius:var(--radius-pill);font-family:var(--font-sans);color:var(--text-main);box-shadow:var(--clay-input-shadow);outline:none;flex:1;padding:10px 16px;font-size:.88rem;transition:border-color .2s}.chat-input-field:focus{border-color:var(--terracotta)}.chat-send-btn{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition-clay);background:linear-gradient(135deg,#e0785d 0%,#d86d51 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #d86d5159,inset 1px 1px 2px #ffffff80}.chat-send-btn:hover:not(:disabled){transform:scale(1.06)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=480px){.clay-chatbot-wrapper{bottom:16px;right:16px}.clay-chat-dialog{width:calc(100vw - 32px);height:calc(100vh - 100px);bottom:0;right:0}}