:root{--color-bg: #fdf7f2;--color-bg-elevated: #ffffff;--color-bg-muted: #fef3c7;--color-text: #111827;--color-text-muted: #6b7280;--color-accent: #fb7185;--color-accent-hover: #f97316;--color-accent-alt: #22c55e;--color-border: rgba(15, 23, 42, .12);--font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Sora", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .4rem;--space-sm: .9rem;--space-md: 1.4rem;--space-lg: 2.2rem;--space-xl: 3.5rem;--space-2xl: 5.5rem;--radius: .9rem;--transition: .18s ease-out}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1.05rem;line-height:1.7;color:var(--color-text);min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(251,113,133,.25),transparent 55%),radial-gradient(circle at 90% 10%,rgba(34,197,94,.18),transparent 55%),radial-gradient(circle at 10% 100%,rgba(234,179,8,.2),transparent 60%),radial-gradient(circle,rgba(15,23,42,.06) 1px,transparent 0) 0 0 / 18px 18px repeat,var(--color-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-heading);font-weight:600;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(2.9rem,5vw,3.9rem)}h2{font-size:clamp(1.9rem,3vw,2.4rem)}h3{font-size:1.1rem}p{margin:0 0 .8rem}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition),text-shadow var(--transition),opacity var(--transition)}a:hover{color:var(--color-accent-alt);text-shadow:0 0 18px rgba(168,85,247,.55)}section{padding:var(--space-2xl) var(--space-lg);max-width:1120px;margin:0 auto}.container{max-width:1120px;margin:0 auto;padding:0 var(--space-lg)}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.7rem;font-family:var(--font-heading);font-size:.95rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#111827;background:#fff;border:2px solid #111827;border-radius:999px;cursor:pointer;box-shadow:6px 6px #111827;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition),filter var(--transition)}.btn:hover{transform:translate(-2px,-2px) translateZ(0);box-shadow:10px 10px #111827;filter:none}.btn-outline{background:transparent;color:#111827;border-radius:999px;border:2px dashed #111827;box-shadow:none}.btn-outline:hover{background:#fee2e2;border-style:solid}@media(max-width:768px){section{padding-inline:1.25rem;padding-block:var(--space-xl)}.container{padding-inline:1.25rem}}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.06)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.header__logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#111827}.header__logo:hover{color:var(--color-accent)}.header__nav{display:flex;gap:var(--space-lg)}.header__link{color:#4b5563;font-size:.9375rem;font-weight:500}.header__link:hover{color:#111827}.header__menu-btn{display:none;flex-direction:column;gap:6px;padding:8px;background:none;border:none;cursor:pointer}.header__menu-btn span{width:22px;height:2px;background:var(--color-text)}@media(max-width:768px){.header__nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:var(--space-md);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);gap:0}.header__nav:not(.header__nav--open){display:none}.header__link{padding:var(--space-sm)}.header__menu-btn{display:flex}}@media(min-width:769px){.header__nav{display:flex!important}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:4.5rem;padding-bottom:var(--space-2xl)}.hero__content{max-width:680px;padding:var(--space-lg);border-radius:2.25rem;background:linear-gradient(135deg,#fff,#fef3c7);border:2px solid #111827;box-shadow:0 20px 50px #0f172a38;transform:rotate(-.75deg)}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;border-radius:999px;background:#ecfccb;color:#166534;border:1px solid #166534;margin:0 0 var(--space-md)}.hero__title{margin:0 0 var(--space-md);color:var(--color-text);font-size:clamp(3.1rem,5.4vw,4.1rem)}.hero__subtitle{font-size:1.05rem;color:var(--color-text-muted);margin:0 0 var(--space-xl);max-width:520px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}@media(max-width:768px){.hero{padding-top:4rem}.hero__content{padding:var(--space-md);transform:none;border-radius:1.75rem}}.services__eyebrow{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 var(--space-sm)}.services__title{margin:0 0 var(--space-sm)}.services__lead{color:var(--color-text-muted);margin:0 0 var(--space-xl);max-width:520px}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.service-card{padding:var(--space-lg);background:#fff;border:2px solid #111827;border-radius:1.25rem;box-shadow:12px 14px #111827;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.service-card:hover{border-color:var(--color-accent);transform:translate(-4px,-4px);box-shadow:18px 18px #111827}.service-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0% 0%,rgba(251,113,133,.35),transparent 55%),radial-gradient(circle at 100% 100%,rgba(34,197,94,.25),transparent 55%);opacity:.3;mix-blend-mode:multiply;pointer-events:none}.service-card__title{margin:0 0 var(--space-sm);color:var(--color-text)}.service-card__desc{margin:0;font-size:.9375rem;color:var(--color-text-muted);line-height:1.6}.about{background:var(--color-bg-muted);border-radius:2rem}.about__eyebrow{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 var(--space-sm)}.about__title{margin:0 0 var(--space-md)}.about__text{color:var(--color-text-muted);margin:0 0 var(--space-md);max-width:560px}.about__text:last-of-type{margin-bottom:0}.about__stats{display:flex;gap:var(--space-xl);margin-top:var(--space-xl)}.stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat__value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-accent);line-height:1}.stat__label{font-size:.875rem;color:var(--color-text-muted)}@media(min-width:769px){.about__grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl);align-items:start}.about__stats{margin-top:0}}.contact__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xl);max-width:560px}.contact__eyebrow{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 var(--space-sm)}.contact__title{margin:0 0 var(--space-sm)}.contact__text{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.contact__form{display:flex;flex-direction:column;gap:var(--space-md)}.contact__label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text-muted)}.contact__input{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.contact__input::placeholder{color:var(--color-text-muted);opacity:.8}.contact__input:focus{outline:none;border-color:var(--color-accent)}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{align-self:flex-start;margin-top:var(--space-sm)}.footer{padding:var(--space-xl) var(--space-lg);border-top:1px solid var(--color-border);margin-top:var(--space-2xl)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.footer__logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-text)}.footer__logo:hover{color:var(--color-accent)}.footer__copy{margin:0;font-size:.875rem;color:var(--color-text-muted)}.footer__links{display:flex;gap:var(--space-md)}.footer__links a{font-size:.875rem;color:var(--color-text-muted)}.footer__links a:hover{color:var(--color-text)}
