:root{--pink:#ec4899;--fuchsia:#d946ef;--magenta:#9333ea;--violet:#7c3aed;--purple:#581c87;--deep-purple:#3b0764;--accent:#facc15;--text-body:#ecdcf3;--text-bright:#fff;--heading-font:"Outfit", system-ui, sans-serif;--body-font:"Inter", system-ui, sans-serif;--pub-bg:#f5f5f7;--pub-heading:#1b1e2b;--pub-body:#454a5c;--pub-muted:#6b7086;--pub-blue:#3b82f6;--pub-purple:#a855f7;--pub-teal:#14b8a6;--pub-pink:#ec4899;--pub-orange:#f97316;--pub-amber:#f59e0b;--pub-glass-bg:#ffffff38;--pub-glass-bg-strong:#ffffff57;--pub-glass-border:#ffffff80;--pub-glass-shadow:0 20px 40px #1118271a;--pub-glass-shadow-hover:0 28px 55px #11182729}*{box-sizing:border-box}body{background-color:var(--pub-bg);color:var(--pub-body);margin:0;position:relative}#root{z-index:1;position:relative}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#0f172a0f 1px, transparent 1.5px), radial-gradient(ellipse 68% 58% at 6% 10%, color-mix(in srgb, var(--pub-blue) 58%, transparent), transparent 72%), radial-gradient(ellipse 62% 52% at 94% 6%, color-mix(in srgb, var(--pub-purple) 55%, transparent), transparent 72%), radial-gradient(ellipse 65% 58% at 90% 92%, color-mix(in srgb, var(--pub-teal) 52%, transparent), transparent 72%), radial-gradient(ellipse 58% 50% at 4% 92%, color-mix(in srgb, var(--pub-orange) 46%, transparent), transparent 72%);background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:26px 26px,auto,auto,auto,auto;position:fixed;inset:0}.hero{justify-content:center;padding:clamp(3.5rem,10vw,6rem) clamp(1.25rem,5vw,3rem) clamp(2.5rem,6vw,3.5rem);display:flex}.hero-inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(2rem,5vw,3rem);width:100%;max-width:1080px;display:flex}.hero-photo-frame{aspect-ratio:4/5;background:var(--pub-glass-bg-strong);border:2px solid color-mix(in srgb, var(--pub-blue) 45%, transparent);-webkit-backdrop-filter:blur(26px)saturate(190%);width:clamp(200px,42vw,320px);box-shadow:0 20px 45px color-mix(in srgb, var(--pub-blue) 26%, transparent), 0 8px 20px #0f172a14;border-radius:32px;flex-shrink:0;position:relative;overflow:hidden}.hero-photo-img{object-fit:cover;width:100%;height:100%;display:block}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-eyebrow{background-image:radial-gradient(140% 100% at 12% -10%, #ffffffa6, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--pub-blue) 55%, transparent) 0%, color-mix(in srgb, var(--pub-purple) 82%, transparent) 100%);-webkit-backdrop-filter:blur(26px)saturate(190%);box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -14px 20px -16px #0f172a59, 0 18px 40px color-mix(in srgb, var(--pub-blue) 32%, transparent), 0 8px 18px #0f172a1a;color:var(--pub-heading);font-family:var(--heading-font);letter-spacing:.01em;border:1px solid #ffffff80;border-radius:20px;margin:0 0 1.5rem;padding:.85rem 1.6rem;font-size:clamp(1rem,2.4vw,1.4rem);font-weight:700;display:inline-block}.hero-headline{font-family:var(--heading-font);letter-spacing:-.02em;color:var(--pub-heading);margin:0 0 1.1rem;font-size:clamp(2rem,5.4vw,3.15rem);font-weight:800;line-height:1.12}.hero-support{font-family:var(--body-font);color:var(--pub-body);max-width:46ch;margin:0 0 1.75rem;font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:400;line-height:1.6}.hero-ctas{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.hero-cta-primary{background-image:radial-gradient(140% 100% at 12% -10%, #ffffff8c, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--pub-teal) 70%, transparent) 0%, color-mix(in srgb, var(--pub-blue) 90%, transparent) 100%);box-shadow:inset 0 1.5px 0 #ffffffb3, 0 18px 40px color-mix(in srgb, var(--pub-blue) 38%, transparent), 0 8px 18px #0f172a1f;color:#fff;font-family:var(--body-font);border:1px solid #ffffff80;border-radius:999px;align-items:center;padding:.95rem 1.75rem;font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.hero-cta-primary:hover,.hero-cta-primary:focus-visible{box-shadow:inset 0 1.5px 0 #fffc, 0 24px 50px color-mix(in srgb, var(--pub-blue) 46%, transparent), 0 10px 22px #0f172a24;transform:translateY(-3px)}.hero-cta-secondary{background:var(--pub-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--pub-glass-border);color:var(--pub-heading);font-family:var(--body-font);border-radius:999px;align-items:center;padding:.95rem 1.6rem;font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.hero-cta-secondary:hover,.hero-cta-secondary:focus-visible{box-shadow:var(--pub-glass-shadow-hover);transform:translateY(-3px)}.hero-proof{font-family:var(--body-font);color:var(--pub-muted);margin:0;font-size:clamp(.82rem,1.6vw,.92rem);font-weight:500}@media (width>=720px){.hero-inner{text-align:left;flex-direction:row;align-items:center}.hero-content{align-items:flex-start}}.proof-strip{padding:clamp(2.5rem,6vw,3.5rem) clamp(1.25rem,5vw,3rem);position:relative}.proof-strip-inner{max-width:1160px;margin:0 auto}.proof-strip-heading{text-align:center;font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 clamp(1.75rem,4vw,2.25rem);font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:800}.proof-strip-grid{grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.25rem);display:grid}@media (width>=640px){.proof-strip-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.proof-strip-grid{grid-template-columns:repeat(4,1fr)}}.proof-card{--card-tint:var(--pub-blue);background-image:radial-gradient(140% 100% at 12% -10%, #fff9, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--card-tint) 50%, transparent) 0%, color-mix(in srgb, var(--card-tint) 80%, transparent) 100%);-webkit-backdrop-filter:blur(24px)saturate(190%);box-shadow:inset 0 1.5px 0 #ffffffa6, inset 0 -14px 20px -18px #0f172a61, 0 16px 34px color-mix(in srgb, var(--card-tint) 32%, transparent), 0 6px 16px #0f172a1a;border:1px solid #ffffff73;border-radius:22px;padding:clamp(1.3rem,2.6vw,1.6rem);text-decoration:none;transition:transform .25s,box-shadow .25s;display:block}.proof-card:nth-of-type(4n+2){--card-tint:var(--pub-purple)}.proof-card:nth-of-type(4n+3){--card-tint:var(--pub-teal)}.proof-card:nth-of-type(4n+4){--card-tint:var(--pub-orange)}a.proof-card:hover,a.proof-card:focus-visible{box-shadow:inset 0 1.5px 0 #ffffffbf, inset 0 -14px 20px -18px #0f172a61, 0 24px 46px color-mix(in srgb, var(--card-tint) 42%, transparent), 0 10px 20px #0f172a1f;transform:translateY(-5px)scale(1.015)}.proof-card-name{font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 .5rem;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:700}.proof-card-line{font-family:var(--body-font);color:color-mix(in srgb, var(--card-tint) 30%, var(--pub-heading) 70%);margin:0;font-size:.9rem;font-weight:600;line-height:1.5}.problem-section{padding:clamp(2.5rem,6vw,3.5rem) clamp(1.25rem,5vw,3rem);position:relative}.problem-inner{text-align:center;max-width:1000px;margin:0 auto}.problem-heading{font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 1rem;font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:800}.problem-intro{max-width:62ch;font-family:var(--body-font);color:var(--pub-body);margin:0 auto clamp(2rem,5vw,2.5rem);font-size:clamp(1.05rem,1.9vw,1.15rem);line-height:1.6}.problem-grid{text-align:left;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.25rem);margin-bottom:clamp(2rem,5vw,2.5rem);display:grid}@media (width>=640px){.problem-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.problem-grid{grid-template-columns:repeat(3,1fr)}}.problem-card{--card-tint:var(--pub-pink);background-image:radial-gradient(140% 100% at 12% -10%, #fff9, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--card-tint) 48%, transparent) 0%, color-mix(in srgb, var(--card-tint) 78%, transparent) 100%);-webkit-backdrop-filter:blur(24px)saturate(190%);box-shadow:inset 0 1.5px 0 #ffffffa6, inset 0 -14px 20px -18px #0f172a5c, 0 16px 34px color-mix(in srgb, var(--card-tint) 30%, transparent), 0 6px 16px #0f172a1a;border:1px solid #ffffff73;border-radius:20px;padding:clamp(1.2rem,2.4vw,1.5rem);transition:transform .25s,box-shadow .25s}.problem-card:nth-of-type(6n+2){--card-tint:var(--pub-blue)}.problem-card:nth-of-type(6n+3){--card-tint:var(--pub-purple)}.problem-card:nth-of-type(6n+4){--card-tint:var(--pub-teal)}.problem-card:nth-of-type(6n+5){--card-tint:var(--pub-orange)}.problem-card:nth-of-type(6n+6){--card-tint:var(--pub-amber)}.problem-card:hover{box-shadow:inset 0 1.5px 0 #ffffffbf, inset 0 -14px 20px -18px #0f172a5c, 0 24px 46px color-mix(in srgb, var(--card-tint) 40%, transparent), 0 10px 20px #0f172a1f;transform:translateY(-5px)scale(1.015)}.problem-card-text{font-family:var(--body-font);color:color-mix(in srgb, var(--card-tint) 30%, var(--pub-heading) 70%);margin:0;font-size:clamp(.98rem,1.8vw,1.05rem);font-weight:600;line-height:1.5}.problem-cta-wrap{justify-content:center;display:flex}.problem-cta{background-image:radial-gradient(140% 100% at 12% -10%, #ffffff8c, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--pub-purple) 70%, transparent) 0%, color-mix(in srgb, var(--pub-pink) 90%, transparent) 100%);box-shadow:inset 0 1.5px 0 #ffffffb3, 0 18px 40px color-mix(in srgb, var(--pub-purple) 38%, transparent), 0 8px 18px #0f172a1f;color:#fff;font-family:var(--body-font);border:1px solid #ffffff80;border-radius:999px;align-items:center;padding:.95rem 1.75rem;font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.problem-cta:hover,.problem-cta:focus-visible{box-shadow:inset 0 1.5px 0 #fffc, 0 24px 50px color-mix(in srgb, var(--pub-purple) 46%, transparent), 0 10px 22px #0f172a24;transform:translateY(-3px)}.projects{padding:clamp(3rem,8vw,5rem) clamp(1.25rem,5vw,3rem);position:relative}.projects-inner{max-width:1160px;margin:0 auto}.projects-heading{text-align:center;font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 clamp(2rem,5vw,2.75rem);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.projects-grid{grid-template-columns:1fr;gap:clamp(1.25rem,3vw,1.75rem);display:grid}@media (width>=720px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{--project-tint:var(--pub-blue);background-image:radial-gradient(140% 100% at 12% -10%, #ffffffa6, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--project-tint) 55%, transparent) 0%, color-mix(in srgb, var(--project-tint) 86%, transparent) 100%);-webkit-backdrop-filter:blur(26px)saturate(190%);box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -18px 26px -20px #0f172a66, 0 22px 48px color-mix(in srgb, var(--project-tint) 38%, transparent), 0 10px 22px #0f172a1f;border:1px solid #ffffff73;border-radius:28px;flex-direction:column;padding:clamp(1.75rem,3.4vw,2.25rem);transition:box-shadow .3s,transform .3s;display:flex}.project-card:nth-of-type(5n+2){--project-tint:var(--pub-purple)}.project-card:nth-of-type(5n+3){--project-tint:var(--pub-teal)}.project-card:nth-of-type(5n+4){--project-tint:var(--pub-orange)}.project-card:nth-of-type(5n+5){--project-tint:var(--pub-pink)}.project-card:hover,.project-card:focus-within{box-shadow:inset 0 1.5px 0 #fffc, inset 0 -18px 26px -20px #0f172a66, 0 32px 65px color-mix(in srgb, var(--project-tint) 48%, transparent), 0 14px 28px #0f172a24;transform:translateY(-6px)scale(1.015)}.project-name{font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 .75rem;font-size:clamp(1.4rem,2.7vw,1.75rem);font-weight:700}.project-description{font-family:var(--body-font);color:var(--pub-body);margin:0 0 1.1rem;font-size:clamp(1.05rem,1.85vw,1.15rem);line-height:1.6}.project-case-block{margin:0 0 1.1rem}.project-case-label{font-family:var(--body-font);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--project-tint) 35%, var(--pub-heading) 65%);margin:0 0 .4rem;font-size:.72rem;font-weight:700}.project-case-text{font-family:var(--body-font);color:var(--pub-body);margin:0;font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.6}.project-tech{flex-wrap:wrap;gap:.6rem;margin:0 0 1.1rem;padding:0;list-style:none;display:flex}.project-tech li{background:color-mix(in srgb, var(--project-tint) 88%, black 4%);font-family:var(--body-font);color:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.86rem;font-weight:600}.project-status{font-family:var(--body-font);color:color-mix(in srgb, var(--project-tint) 30%, var(--pub-heading) 70%);margin:0 0 .5rem;font-size:.95rem;font-weight:700}.project-link{font-family:var(--body-font);background:color-mix(in srgb, var(--project-tint) 88%, black 4%);color:#fff;border-radius:999px;align-self:flex-start;margin:auto 0 0;padding:.55rem 1.1rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.project-link:hover,.project-link:focus-visible{box-shadow:0 10px 24px -8px color-mix(in srgb, var(--project-tint) 70%, transparent);transform:translateY(-2px)}.project-link--label{background:color-mix(in srgb, var(--project-tint) 88%, black 4%);color:#fff}.project-proves{font-family:var(--body-font);color:color-mix(in srgb, var(--pub-heading) 78%, transparent);margin:0;font-size:.8rem;font-style:italic}.process-section{padding:clamp(2.5rem,6vw,3.5rem) clamp(1.25rem,5vw,3rem);position:relative}.process-inner{max-width:1200px;margin:0 auto}.process-heading{text-align:center;font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 clamp(2rem,5vw,2.75rem);font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:800}.process-flow{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.process-step{flex-direction:column;align-items:center;display:flex}.process-step-card{--card-tint:var(--pub-blue);text-align:center;background-image:radial-gradient(140% 100% at 12% -10%, #fff9, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--card-tint) 50%, transparent) 0%, color-mix(in srgb, var(--card-tint) 80%, transparent) 100%);-webkit-backdrop-filter:blur(24px)saturate(190%);width:100%;max-width:320px;box-shadow:inset 0 1.5px 0 #ffffffa6, inset 0 -14px 20px -18px #0f172a61, 0 16px 34px color-mix(in srgb, var(--card-tint) 32%, transparent), 0 6px 16px #0f172a1a;border:1px solid #ffffff73;border-radius:22px;padding:clamp(1.25rem,2.6vw,1.6rem);transition:transform .25s,box-shadow .25s}.process-step:nth-of-type(6n+2) .process-step-card{--card-tint:var(--pub-purple)}.process-step:nth-of-type(6n+3) .process-step-card{--card-tint:var(--pub-teal)}.process-step:nth-of-type(6n+4) .process-step-card{--card-tint:var(--pub-orange)}.process-step:nth-of-type(6n+5) .process-step-card{--card-tint:var(--pub-pink)}.process-step:nth-of-type(6n+6) .process-step-card{--card-tint:var(--pub-amber)}.process-step-card:hover{box-shadow:inset 0 1.5px 0 #ffffffbf, inset 0 -14px 20px -18px #0f172a61, 0 24px 46px color-mix(in srgb, var(--card-tint) 42%, transparent), 0 10px 20px #0f172a1f;transform:translateY(-5px)scale(1.015)}.process-step-number{font-family:var(--heading-font);letter-spacing:.06em;color:color-mix(in srgb, var(--card-tint) 35%, var(--pub-heading) 65%);margin:0 0 .5rem;font-size:.85rem;font-weight:800;display:block}.process-step-name{font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 .5rem;font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:700}.process-step-description{font-family:var(--body-font);color:var(--pub-body);margin:0;font-size:.92rem;line-height:1.5}.process-arrow{background:linear-gradient(to bottom, color-mix(in srgb, var(--pub-blue) 50%, transparent), color-mix(in srgb, var(--pub-purple) 50%, transparent));flex-shrink:0;width:2px;height:clamp(1.5rem,4vw,2rem);margin:.25rem 0}@media (width>=1000px){.process-flow{flex-direction:row;align-items:stretch}.process-step{flex-direction:row;flex:1;align-items:center}.process-step-card{max-width:none;height:100%}.process-arrow{background:linear-gradient(to right, color-mix(in srgb, var(--pub-blue) 50%, transparent), color-mix(in srgb, var(--pub-purple) 50%, transparent));width:clamp(1.25rem,2.5vw,2rem);height:2px;margin:0 .35rem}}.founder{justify-content:center;padding:clamp(1.5rem,6vw,3rem) clamp(1.25rem,5vw,3rem) clamp(4rem,10vw,6rem);display:flex}.founder-card{text-align:center;background-image:radial-gradient(140% 100% at 12% -10%, #fff9, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--pub-purple) 50%, transparent) 0%, color-mix(in srgb, var(--pub-purple) 80%, transparent) 100%);-webkit-backdrop-filter:blur(26px)saturate(190%);width:100%;max-width:980px;box-shadow:inset 0 1.5px 0 #ffffffa6, inset 0 -16px 22px -18px #0f172a61, 0 20px 45px color-mix(in srgb, var(--pub-purple) 30%, transparent), 0 8px 20px #0f172a1a;border:1px solid #ffffff73;border-radius:28px;flex-direction:column;align-items:center;gap:clamp(2rem,5vw,3rem);padding:clamp(1.75rem,4.5vw,2.75rem);transition:transform .3s,box-shadow .3s;display:flex}.founder-card:hover{box-shadow:inset 0 1.5px 0 #ffffffbf, inset 0 -16px 22px -18px #0f172a61, 0 30px 60px color-mix(in srgb, var(--pub-purple) 40%, transparent), 0 12px 26px #0f172a1f;transform:translateY(-6px)scale(1.015)}.founder-photo-frame{aspect-ratio:4/5;background:var(--pub-glass-bg-strong);border:2px solid color-mix(in srgb, var(--pub-purple) 45%, transparent);border-radius:24px;flex-shrink:0;width:clamp(140px,26vw,190px);overflow:hidden}.founder-photo-img{object-fit:cover;width:100%;height:100%;display:block}.founder-content{flex-direction:column;align-items:center;display:flex}.founder-heading{font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 1rem;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700}.founder-text{font-family:var(--body-font);color:var(--pub-body);max-width:60ch;margin:0;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.7}@media (width>=720px){.founder-card{text-align:left;flex-direction:row}.founder-content{align-items:flex-start}}.skills{padding:clamp(3rem,8vw,5rem) clamp(1.25rem,5vw,3rem);position:relative}.skills-inner{max-width:1160px;margin:0 auto}.skills-heading{text-align:center;font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 clamp(2rem,5vw,2.75rem);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.skills-grid{grid-template-columns:1fr;align-items:start;gap:clamp(1.1rem,2.6vw,1.5rem);display:grid}@media (width>=640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=980px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-group{--group-tint:var(--pub-blue);background-image:radial-gradient(140% 100% at 12% -10%, #fff9, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--group-tint) 52%, transparent) 0%, color-mix(in srgb, var(--group-tint) 84%, transparent) 100%);-webkit-backdrop-filter:blur(26px)saturate(190%);box-shadow:inset 0 1.5px 0 #ffffffa6, inset 0 -16px 22px -18px #0f172a61, 0 20px 45px color-mix(in srgb, var(--group-tint) 32%, transparent), 0 8px 20px #0f172a1a;border:1px solid #ffffff73;border-radius:24px;padding:clamp(1.4rem,3vw,1.75rem);transition:box-shadow .3s,transform .3s}.skill-group:nth-of-type(5n+2){--group-tint:var(--pub-purple)}.skill-group:nth-of-type(5n+3){--group-tint:var(--pub-teal)}.skill-group:nth-of-type(5n+4){--group-tint:var(--pub-pink)}.skill-group:nth-of-type(5n+5){--group-tint:var(--pub-amber)}.skill-group:hover,.skill-group:focus-within{box-shadow:inset 0 1.5px 0 #ffffffbf, inset 0 -16px 22px -18px #0f172a61, 0 30px 60px color-mix(in srgb, var(--group-tint) 42%, transparent), 0 12px 26px #0f172a1f;transform:translateY(-6px)scale(1.015)}.skill-group-label{font-family:var(--body-font);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--group-tint) 30%, var(--pub-heading) 70%);margin:0 0 .9rem;font-size:.78rem;font-weight:700}.skill-pills{flex-wrap:wrap;gap:.55rem;display:flex}.skill-pill{background:color-mix(in srgb, var(--group-tint) 85%, black 4%);font-family:var(--body-font);color:#fff;border-radius:999px;padding:.45rem .95rem;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s}.skill-pill:hover{box-shadow:0 10px 20px -8px color-mix(in srgb, var(--group-tint) 65%, transparent);transform:translateY(-2px)}.faq-section{padding:clamp(2.5rem,6vw,3.5rem) clamp(1.25rem,5vw,3rem);position:relative}.faq-inner{max-width:760px;margin:0 auto}.faq-heading{text-align:center;font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 clamp(1.75rem,4vw,2.25rem);font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:800}.faq-list{flex-direction:column;gap:clamp(.9rem,2vw,1.1rem);display:flex}.faq-item{--card-tint:var(--pub-blue);background-image:radial-gradient(140% 100% at 12% -10%, #fff9, transparent 45%), linear-gradient(160deg, color-mix(in srgb, var(--card-tint) 46%, transparent) 0%, color-mix(in srgb, var(--card-tint) 76%, transparent) 100%);-webkit-backdrop-filter:blur(24px)saturate(190%);box-shadow:inset 0 1.5px 0 #ffffffa6, inset 0 -12px 18px -16px #0f172a52, 0 14px 30px color-mix(in srgb, var(--card-tint) 26%, transparent), 0 6px 14px #0f172a14;border:1px solid #ffffff73;border-radius:20px;padding:clamp(1.1rem,2.4vw,1.4rem) clamp(1.25rem,2.8vw,1.6rem);transition:box-shadow .25s}.faq-item:nth-of-type(4n+2){--card-tint:var(--pub-purple)}.faq-item:nth-of-type(4n+3){--card-tint:var(--pub-teal)}.faq-item:nth-of-type(4n+4){--card-tint:var(--pub-pink)}.faq-item[open]{box-shadow:inset 0 1.5px 0 #ffffffbf, inset 0 -12px 18px -16px #0f172a52, 0 20px 42px color-mix(in srgb, var(--card-tint) 34%, transparent), 0 8px 18px #0f172a1a}.faq-question{cursor:pointer;font-family:var(--heading-font);color:var(--pub-heading);justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(1rem,2vw,1.1rem);font-weight:700;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-toggle-icon{flex-shrink:0;width:1.1rem;height:1.1rem;position:relative}.faq-toggle-icon:before,.faq-toggle-icon:after{content:"";background:color-mix(in srgb, var(--card-tint) 35%, var(--pub-heading) 65%);transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-toggle-icon:before{width:1.1rem;height:2px}.faq-toggle-icon:after{width:2px;height:1.1rem}.faq-item[open] .faq-toggle-icon:after{transform:translate(-50%,-50%)rotate(90deg)scaleY(0)}.faq-answer{font-family:var(--body-font);color:var(--pub-body);margin:.9rem 0 0;font-size:clamp(.95rem,1.8vw,1.02rem);line-height:1.6}.contact{padding:clamp(3.5rem,9vw,5.5rem) clamp(1.25rem,5vw,3rem);position:relative}.contact-inner{text-align:center;max-width:720px;margin:0 auto}.contact-heading{font-family:var(--heading-font);color:var(--pub-heading);margin:0 0 .85rem;font-size:clamp(1.9rem,5vw,2.75rem);font-weight:800}.contact-subtext{font-family:var(--body-font);color:var(--pub-body);margin:0 0 clamp(2rem,5vw,2.75rem);font-size:clamp(1rem,2vw,1.15rem)}.contact-links{flex-wrap:wrap;justify-content:center;gap:clamp(.7rem,2vw,1rem);margin:0 0 clamp(2rem,5vw,2.75rem);display:flex}.contact-link{--brand-bg:var(--pub-blue);--brand-shadow:var(--pub-blue);background:var(--brand-bg);-webkit-backdrop-filter:blur(10px)saturate(180%);color:#fff;font-family:var(--body-font);box-shadow:inset 0 1px 0 #ffffff80, 0 10px 22px -8px color-mix(in srgb, var(--brand-shadow) 60%, transparent);border:1px solid #fff6;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1.25rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex}.contact-link--email{--brand-bg:color-mix(in srgb, var(--pub-blue) 88%, black 4%);--brand-shadow:var(--pub-blue)}.contact-link--whatsapp{--brand-bg:#25d366;--brand-shadow:#25d366}.contact-link--linkedin{--brand-bg:#0a66c2;--brand-shadow:#0a66c2}.contact-link--instagram{--brand-bg:linear-gradient(135deg, #f58529, #dd2a7b 45%, #8134af 70%, #515bd4);--brand-shadow:#dd2a7b}.contact-link--github{--brand-bg:#181717;--brand-shadow:#181717}.contact-link:hover,.contact-link:focus-visible{box-shadow:inset 0 1px 0 #fff9, 0 16px 32px -6px color-mix(in srgb, var(--brand-shadow) 70%, transparent);transform:translateY(-3px)scale(1.03)}.contact-link-icon{width:1.15rem;height:1.15rem;display:flex}.contact-link-icon svg{width:100%;height:100%}.resume-button{background:linear-gradient(135deg, var(--pub-blue), var(--pub-purple));color:#fff;font-family:var(--body-font);box-shadow:0 15px 35px -10px color-mix(in srgb, var(--pub-blue) 60%, transparent);border-radius:999px;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.resume-button:hover,.resume-button:focus-visible{box-shadow:0 20px 40px -8px color-mix(in srgb, var(--pub-blue) 75%, transparent);transform:translateY(-2px)}.resume-button svg{width:1.1rem;height:1.1rem}.site-footer{text-align:center;border-top:1px solid #0f172a14;padding:1.5rem clamp(1.25rem,5vw,3rem);position:relative}.site-footer-text{font-family:var(--body-font);color:var(--pub-muted);margin:0;font-size:.82rem}.site-footer-brand{background-image:linear-gradient(90deg, var(--pub-blue), var(--pub-purple), var(--pub-pink));-webkit-text-fill-color:transparent;color:var(--pub-purple);-webkit-background-clip:text;background-clip:text;font-weight:700}.intro{position:relative}.admin-page{background:var(--deep-purple);min-height:100vh;color:var(--text-bright);font-family:var(--body-font);max-width:720px;margin:0 auto;padding:1.5rem}.admin-page--centered{justify-content:center;align-items:center;display:flex}.admin-header{border-bottom:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.admin-header-user{color:var(--text-body);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.admin-section{background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-section h2{font-family:var(--heading-font);margin:0 0 .5rem}.admin-empty-state{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.admin-entity-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.admin-entity-row{background:#ffffff0d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.admin-entity-swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px}.admin-entity-info{flex-direction:column;flex:1;min-width:160px;display:flex}.admin-entity-info span{color:var(--text-body);font-size:.85rem}.admin-entity-actions{flex-wrap:wrap;gap:.4rem;display:flex}.admin-entity-form,.admin-login-form{flex-direction:column;gap:.6rem;display:flex}.admin-login-form{background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;width:min(320px,90vw);padding:1.5rem}.admin-entity-form label,.admin-login-form label{color:var(--text-body);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.admin-entity-form input,.admin-entity-form textarea,.admin-login-form input{color:var(--text-bright);background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:.5rem;font-family:inherit;font-size:.95rem}.admin-form-actions{gap:.5rem;margin-top:.25rem;display:flex}.admin-page button{background:var(--accent);color:var(--deep-purple);cursor:pointer;border:none;border-radius:6px;padding:.45rem .9rem;font-weight:600}.admin-page button:disabled{opacity:.5;cursor:not-allowed}.admin-form-error{color:#fda4af;margin:0;font-size:.85rem}
