:root{--bg:#f5f0ff;--bg-gradient-start:#e8dff5;--bg-gradient-end:#f5f0ff;--surface:#fff;--surface-muted:#f3eeff;--surface-hero:#faf8ff;--surface-timeline:linear-gradient(135deg, #f3eeff 0%, #fce4f6 100%);--header-bg:#fbc531;--text-strong:#1a1a1a;--text-body:#4a4a4a;--text-muted:#6b6b6b;--border:#1a1a1a;--border-width:2px;--border-light:#e0d6f0;--shadow-brutal:4px 4px 0 #1a1a1a;--shadow-brutal-sm:3px 3px 0 #1a1a1a;--shadow-brutal-hover:6px 6px 0 #1a1a1a;--accent:#9b6dff;--accent-light:#e2d5ff;--accent-contrast:#fff;--tag-green:#27ae60;--tag-green-bg:#d4efdf;--tag-pink:#e84393;--tag-pink-bg:#fce4f6;--tag-yellow:#f39c12;--tag-yellow-bg:#fdebd0;--tag-blue:#3498db;--tag-blue-bg:#d6eaf8;--tag-purple:#8e44ad;--tag-purple-bg:#e8daef;--radius:16px;--radius-sm:10px;--radius-pill:999px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--text-strong);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg) 40%, var(--bg-gradient-end) 100%);min-width:320px;margin:0}a{color:inherit}#root{width:min(1200px,100%);margin:0 auto;padding:0 24px}h1,h2,h3,p{margin:0}h1{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-strong);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.2}h2{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-strong);font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700;line-height:1.25}h3{font-family:var(--font-sans);color:var(--text-strong);font-size:1.05rem;font-weight:700;line-height:1.3}img,video{max-width:100%}code{font-family:SFMono-Regular,ui-monospace,monospace}.brutal-card{border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-brutal);transition:transform .25s,box-shadow .25s}.header{z-index:100;background:var(--header-bg);border-bottom:var(--border-width) solid var(--border);padding:0 24px;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;display:flex}.header__brand{color:var(--text-strong);text-decoration:none}.header__brand-text{letter-spacing:.02em;flex-direction:column;font-size:1.1rem;font-weight:900;line-height:1.1;display:flex}.header__nav{gap:8px;display:flex}.header__nav-pill{border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);background:var(--surface);height:40px;color:var(--text-strong);cursor:pointer;justify-content:center;align-items:center;padding:0 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.header__nav-pill:hover{transform:translateY(-1px)}.header__nav-pill--active{background:var(--accent-light)}.main-content{flex-direction:column;gap:28px;padding-bottom:48px;display:flex}.breadcrumb{align-items:center;gap:8px;padding:20px 0 0;font-size:.88rem;display:flex}.breadcrumb__link{color:var(--text-strong);text-underline-offset:3px;font-weight:500;text-decoration:underline}.breadcrumb__sep,.breadcrumb__current{color:var(--text-muted)}.hero-card{grid-template-columns:1fr auto;align-items:start;gap:40px;padding:48px;display:grid}.hero-card__content{flex-direction:column;gap:20px;display:flex}.hero-card__label-row{color:var(--text-body);align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.hero-card__icon{border:1.5px solid var(--accent);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hero-card__summary{color:var(--text-muted);max-width:56ch;font-size:1rem;line-height:1.6}.hero-card__tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag{border-radius:var(--radius-pill);border:1.5px solid;align-items:center;height:32px;padding:0 14px;font-size:.82rem;font-weight:600;display:inline-flex}.tag--green{color:var(--tag-green);background:var(--tag-green-bg);border-color:var(--tag-green)}.tag--pink{color:var(--tag-pink);background:var(--tag-pink-bg);border-color:var(--tag-pink)}.tag--yellow{color:var(--tag-yellow);background:var(--tag-yellow-bg);border-color:var(--tag-yellow)}.tag--blue{color:var(--tag-blue);background:var(--tag-blue-bg);border-color:var(--tag-blue)}.tag--purple{color:var(--tag-purple);background:var(--tag-purple-bg);border-color:var(--tag-purple)}.tag--small{height:28px;color:var(--text-body);background:var(--surface-muted);border-color:var(--border-light);padding:0 10px;font-size:.78rem;font-weight:500}.hero-card__avatar-wrap{flex-direction:column;align-items:center;gap:12px;min-width:200px;display:flex}.hero-card__avatar{width:200px;height:200px;padding:0;overflow:hidden}.hero-card__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.hero-card__avatar-name{text-align:center;color:var(--text-body);font-size:.88rem;line-height:1.5}.hero-card__avatar-name strong{color:var(--text-strong);font-size:.95rem}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{flex-direction:column;gap:8px;padding:24px;display:flex}.stat-card__icon{border:1.5px solid var(--accent);width:40px;height:40px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.stat-card__value{color:var(--text-strong);font-size:1.5rem;font-weight:800;line-height:1.1}.stat-card__description{color:var(--text-muted);font-size:.88rem;line-height:1.5}.approach-section,.value-section,.portfolio-section,.contact-section{padding:40px}.section-heading{margin-bottom:28px}.section-heading__label{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-heading__icon{border:1.5px solid var(--accent);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.section-heading__eyebrow{color:var(--text-body);letter-spacing:.02em;font-size:.85rem;font-weight:700}.section-heading h2{margin:0}.section-heading__description{color:var(--text-muted);max-width:60ch;margin-top:8px}.approach-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.approach-card{flex-direction:column;gap:10px;padding:24px;display:flex}.approach-card__icon{border:1.5px solid var(--accent);width:36px;height:36px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.approach-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.value-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.value-card{padding:24px}.value-card h3{margin-bottom:10px}.value-card p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.portfolio-card{flex-direction:column;display:flex;overflow:hidden}.portfolio-card__media{background:var(--surface-muted);border-bottom:var(--border-width) solid var(--border)}.portfolio-card__media img,.portfolio-card__media video{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.portfolio-card__body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.portfolio-card__category{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.portfolio-card__body h3{margin:0}.portfolio-card__body p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.portfolio-card__tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pricing-section{text-align:center;padding:40px}.pricing-section .section-heading{text-align:left}.pricing-section__subtitle{color:var(--text-muted);text-align:left;margin-top:-16px;margin-bottom:24px;font-size:.82rem;font-style:italic}.pricing-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:20px;display:grid}.pricing-card{text-align:left;flex-direction:column;padding:32px 28px;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.pricing-card--highlighted{border-color:var(--accent);box-shadow:6px 6px 0 var(--accent);background:linear-gradient(#faf8ff 0%,#f3eeff 100%);border-width:3px}.pricing-card__badge{background:var(--accent);height:28px;color:var(--accent-contrast);border-radius:var(--radius-pill);border:2px solid var(--border);box-shadow:var(--shadow-brutal-sm);white-space:nowrap;align-items:center;padding:0 16px;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card__name{color:var(--text-strong);letter-spacing:-.01em;margin-bottom:2px;font-size:1.6rem;font-weight:900}.pricing-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.82rem;font-weight:600}.pricing-card__price-wrap{align-items:baseline;gap:4px;margin-bottom:20px;display:flex}.pricing-card__price{color:var(--accent);letter-spacing:-.02em;font-size:1.8rem;font-weight:900}.pricing-card--highlighted .pricing-card__price{color:#7c3aed}.pricing-card__period{color:var(--text-muted);font-size:.88rem;font-weight:500}.pricing-card__divider{background:var(--border-light);border-radius:1px;width:100%;height:2px;margin-bottom:20px}.pricing-card--highlighted .pricing-card__divider{background:var(--accent-light)}.pricing-card__included{color:var(--text-strong);margin-bottom:12px;font-size:.85rem;font-weight:700}.pricing-card__features{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-card__features li{color:var(--text-body);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.4;display:flex}.pricing-card__check{background:var(--tag-green-bg);width:20px;min-width:20px;height:20px;color:var(--tag-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.72rem;font-weight:700;display:inline-flex}.pricing-card__cta{border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);background:var(--surface);height:48px;color:var(--text-strong);cursor:pointer;box-shadow:var(--shadow-brutal-sm);justify-content:center;align-items:center;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.pricing-card__cta:hover{box-shadow:var(--shadow-brutal);transform:translateY(-2px)}.pricing-card--highlighted .pricing-card__cta{background:var(--accent);color:var(--accent-contrast);border-color:var(--border)}.pricing-card--highlighted .pricing-card__cta:hover{background:#85e}.contact-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.contact-card{flex-direction:column;gap:8px;padding:24px;display:flex}.contact-card__label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.contact-card a{color:var(--text-strong);font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .2s}.contact-card a:hover{color:var(--accent)}.contact-card__note{color:var(--text-muted);font-size:.84rem}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);flex-direction:column;width:100%;max-width:960px;max-height:90vh;display:flex;position:relative;overflow:hidden}.modal-close{z-index:10;border:var(--border-width) solid var(--border);background:var(--surface);width:36px;height:36px;box-shadow:var(--shadow-brutal-sm);color:var(--text-strong);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;position:absolute;top:12px;right:12px}.modal-close:hover{box-shadow:var(--shadow-brutal);transform:translateY(-1px)}.modal-media{background:var(--surface-muted);border-bottom:var(--border-width) solid var(--border);justify-content:center;align-items:center;width:100%;max-height:60vh;display:flex;overflow:auto}.modal-media img{object-fit:contain;width:100%;height:auto;display:block}.modal-media video{object-fit:contain;width:100%;height:auto;max-height:60vh;display:block}.modal-info{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.modal-info__left{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.modal-category{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.modal-title{color:var(--text-strong);margin:0;font-size:1.15rem;font-weight:700}.modal-description{color:var(--text-muted);font-size:.88rem;line-height:1.5}.modal-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.modal-download{border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);background:var(--header-bg);height:42px;color:var(--text-strong);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:0 18px;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.modal-download:hover{box-shadow:var(--shadow-brutal);transform:translateY(-2px)}@media (width<=768px){.modal-overlay{padding:12px}.modal-info{flex-direction:column;padding:16px}.modal-download{justify-content:center;align-self:stretch}}.footer{border-top:var(--border-width) solid var(--border);background:var(--surface-muted);flex-direction:column;align-items:center;gap:20px;margin-top:12px;padding:48px 24px;display:flex}.footer__socials{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.footer__social-pill{border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);background:var(--surface);height:40px;color:var(--text-strong);box-shadow:var(--shadow-brutal-sm);justify-content:center;align-items:center;padding:0 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.footer__social-pill:hover{box-shadow:var(--shadow-brutal);transform:translateY(-2px)}.footer__copyright{color:var(--text-muted);font-size:.88rem}.footer__heart{color:#e84393}@media (width<=1024px){.stats-row,.approach-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){#root,.header{padding:0 16px}.header__inner{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:14px 0}.header__nav{flex-wrap:wrap;gap:6px}.header__nav-pill{height:36px;padding:0 14px;font-size:.82rem}.hero-card{grid-template-columns:1fr;gap:28px;padding:28px}.hero-card__avatar-wrap{flex-direction:row;gap:16px;min-width:0}.hero-card__avatar{width:100px;height:100px}.hero-card__avatar-name{text-align:left}.stats-row{grid-template-columns:1fr 1fr;gap:12px}.approach-section,.value-section,.portfolio-section,.pricing-section,.contact-section{padding:24px}.approach-grid,.value-grid,.portfolio-grid,.pricing-grid,.contact-grid{grid-template-columns:1fr}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.hero-card{padding:20px}.hero-card__avatar-wrap{flex-direction:column;align-items:center}.hero-card__avatar-name{text-align:center}.approach-section,.value-section,.portfolio-section,.pricing-section,.contact-section,.stat-card,.approach-card,.value-card,.pricing-card,.contact-card{padding:18px}}