:root{font-family:Open Sans,sans-serif;color:#2c3e50;background:#fff;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color-scheme:light;--container-width: 1160px;--blue: #3498db;--blue-dark: #2980b9;--ink: #2c3e50;--ink-soft: #4b5f72;--surface: #f5f8fb;--border: rgba(44, 62, 80, .1);--shadow: 0 20px 50px rgba(31, 45, 61, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:#fff;color:var(--ink)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}button{font:inherit}.page-shell{overflow-x:hidden}.container{width:min(var(--container-width),calc(100% - 2rem));margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#111111f5;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #0003;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.site-header.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:1rem}.brand{display:inline-flex;align-items:center}.brand-text{font-family:Raleway,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;font-size:clamp(1.2rem,2.2vw,1.85rem);line-height:1}.site-nav{display:flex;align-items:center;gap:1.6rem}.site-nav a{position:relative;font-size:.95rem;font-weight:600;color:#ffffffd1;transition:color .25s ease}.site-nav a:hover{color:#fff}.site-nav a:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:2px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,var(--blue),transparent);transition:transform .25s ease}.site-nav a:hover:after{transform:scaleX(1)}.nav-toggle{display:none;width:48px;height:48px;border:0;border-radius:999px;background:#3498db1a;padding:0;cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:#fff;transition:transform .2s ease,opacity .2s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero-section{position:relative;isolation:isolate;padding:3rem 0 6.5rem;background:linear-gradient(135deg,#fff,#e3e8ec,#d1d8e0);box-shadow:inset 0 -1px #ffffffb3}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo{width:min(270px,60vw);margin-bottom:.45rem}.hero-kicker,.section-eyebrow{margin:0 0 .7rem;color:var(--blue);text-transform:uppercase;letter-spacing:.14em;font-size:1rem;font-weight:700}.hero-section h1,.section-heading h2,.subscribe-card h2,.about-copy h3{margin:0;font-family:Raleway,sans-serif}.hero-section h1{max-width:13ch;font-size:clamp(2.5rem,5vw,4.75rem);line-height:1.06;color:var(--ink)}.hero-subtitle{max-width:860px;margin:1.25rem 0 0;font-size:clamp(1.05rem,2vw,1.4rem);color:#34495e}.rotating-phrase{display:inline-block;min-width:15ch;color:var(--blue);font-weight:700;border-bottom:2px solid rgba(52,152,219,.32)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;padding:.95rem 1.6rem;border-radius:999px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);box-shadow:0 18px 40px #3498db47}.button-secondary{color:var(--ink);background:#fffc;border:1px solid rgba(44,62,80,.12);box-shadow:0 10px 30px #0000000f}.hero-pattern,.hero-overlay{position:absolute;inset:0;pointer-events:none}.hero-pattern{left:auto;width:50%;background-image:radial-gradient(circle at 1px 1px,rgba(52,152,219,.2) 1px,transparent 0),linear-gradient(135deg,#fff3,#3498db0a);background-size:18px 18px,100% 100%;opacity:.1}.hero-overlay-bottom{top:auto;height:180px;background:linear-gradient(to top,rgba(255,255,255,.92),transparent)}.hero-overlay-radial{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9),transparent 60%)}.hero-overlay-angle{background:linear-gradient(45deg,#3498db0d,#3498db00)}.section{padding:6rem 0}.section-muted{background:linear-gradient(180deg,#f5f8fbe6,#fff)}.section-heading{max-width:720px;margin:0 auto 3.5rem;text-align:center}.section-heading h2{font-size:clamp(2rem,4vw,3rem)}.section-divider{width:86px;height:4px;margin:1rem auto 1.2rem;border-radius:999px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}.section-description{margin:0;color:var(--ink-soft);font-size:1.05rem}.about-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:2.5rem;align-items:center}.about-image img{width:100%;min-height:520px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.about-copy h3{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:1.25rem}.about-copy p{margin:0 0 1rem;color:var(--ink-soft)}.linkedin-button{display:inline-flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.9rem 1.4rem;border-radius:999px;color:#fff;font-weight:700;background:linear-gradient(135deg,#0077b5,#005885);box-shadow:0 14px 30px #0077b547;transition:transform .25s ease,box-shadow .25s ease}.linkedin-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0077b557}.linkedin-button svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}.service-grid,.portfolio-grid{display:grid;gap:1.5rem}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:1.6rem;border:1px solid var(--border);border-radius:24px;background:#ffffffe6;box-shadow:var(--shadow)}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:1rem;border-radius:18px;background:linear-gradient(135deg,#3498db26,#3498db0d);color:var(--blue)}.service-icon svg{width:30px;height:30px;fill:currentColor}.service-icon-text{font-size:1.1rem;font-weight:800;letter-spacing:-.03em}.service-card h3{margin:0 0 .7rem;font-family:Raleway,sans-serif;font-size:1.15rem}.service-card p{margin:0;color:var(--ink-soft)}.subscribe-section{padding-top:0}.subscribe-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.2rem;border-radius:32px;color:#fff;background:linear-gradient(135deg,#2c3e50e0,#3498dbe6),url(/img/subscribe-bg.jpg) center / cover;box-shadow:var(--shadow)}.subscribe-card h2{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:.8rem}.subscribe-card p:last-child{margin:0;max-width:720px}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-card{position:relative;min-height:300px;display:flex;align-items:flex-end;overflow:hidden;border:0;border-radius:24px;padding:1.25rem;cursor:pointer;background-position:center;background-size:cover;box-shadow:var(--shadow);transition:transform .3s ease}.portfolio-card:hover,.portfolio-card:focus-visible{transform:translateY(-4px)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#141e280d,#141e28d1)}.portfolio-content{position:relative;z-index:1}.portfolio-content h3,.portfolio-content p{margin:0;color:#fff}.portfolio-content h3{font-family:Raleway,sans-serif;font-size:1.15rem}.portfolio-content p{margin-top:.3rem;color:#ffffffd6}.portfolio-content a,.ghost-link{display:inline-flex;margin-top:1rem;font-weight:700;color:#9fdbff}.ghost-link{padding:0;border:0;background:transparent;cursor:pointer}.testimonial-list{display:grid;gap:1.5rem}.testimonial-card{display:grid;grid-template-columns:320px minmax(0,1fr);gap:2rem;align-items:center;padding:1.5rem;border:1px solid var(--border);border-radius:28px;background:#ffffffeb;box-shadow:var(--shadow)}.testimonial-card.reverse-layout{grid-template-columns:minmax(0,1fr) 320px}.testimonial-card.reverse-layout .testimonial-profile{order:2}.testimonial-card.reverse-layout blockquote{order:1}.testimonial-profile{text-align:center}.testimonial-profile img{width:200px;height:200px;margin:0 auto 1.25rem;object-fit:cover;border-radius:50%;border:5px solid rgba(52,152,219,.2);box-shadow:0 12px 30px #1f2d3d1f}.testimonial-profile h3{margin:0;font-family:Raleway,sans-serif}.testimonial-profile p{margin:.4rem 0 0;color:var(--ink-soft)}.testimonial-card blockquote{margin:0;padding:1.8rem;border-radius:22px;color:var(--ink-soft);background:var(--surface);font-size:1.04rem}.contact-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.2rem;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#f5f8fbcc,#ffffffeb);box-shadow:var(--shadow)}.contact-card a{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;color:var(--blue)}.site-footer{padding:2rem 0 2.75rem;text-align:center;color:#6f8294;background:#f8fbfd}.site-footer p{margin:0}.back-to-top{position:fixed;right:1.3rem;bottom:1.3rem;z-index:40;width:48px;height:48px;border:0;border-radius:999px;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 14px 35px #3498db66}.modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:1rem;background:#0f172ac7}.modal-card{position:relative;width:min(960px,100%);max-height:92vh;overflow:auto;border-radius:28px;background:#fff;box-shadow:0 24px 60px #0f172a59}.modal-card img{width:100%;max-height:68vh;object-fit:contain;background:#eef4f8}.modal-body{padding:1.5rem}.modal-body h3{margin:0 0 .6rem;font-family:Raleway,sans-serif;font-size:1.5rem}.modal-body p{margin:0 0 1rem;color:var(--ink-soft)}.modal-close{position:absolute;top:.8rem;right:.8rem;z-index:1;width:40px;height:40px;border:0;border-radius:999px;color:#fff;background:#0f172ab8;cursor:pointer}@media(max-width:1080px){.service-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.nav-toggle{display:inline-block}.site-nav{position:absolute;top:calc(100% + .5rem);right:1rem;left:1rem;display:none;flex-direction:column;align-items:flex-start;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#111111fa;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.about-grid,.testimonial-card,.testimonial-card.reverse-layout,.subscribe-card{grid-template-columns:1fr;flex-direction:column}.testimonial-card.reverse-layout .testimonial-profile,.testimonial-card.reverse-layout blockquote{order:initial}}@media(max-width:720px){.hero-section{padding-top:5rem}.header-inner{min-height:74px}.brand-text{font-size:1.25rem;letter-spacing:.07em}.section{padding:4.5rem 0}.service-grid,.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:260px}.about-image img{min-height:360px}.brand img{width:150px}.rotating-phrase{min-width:0}}