:root{
  --yellow:#ffb800;
  --yellow-soft:#fff6d8;
  --yellow-pale:#fffaf0;
  --ink:#111214;
  --ink-2:#34363b;
  --muted:#686b72;
  --line:#e9e6de;
  --surface:#f7f7f5;
  --radius:24px;
  --shadow:0 24px 80px rgba(25,21,12,.10);
}

body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.container{width:min(1200px,calc(100% - 48px))}
h1,h2,h3,h4{letter-spacing:-.04em}
h1{font-size:clamp(2.8rem,6.2vw,5.35rem)}
h2{font-size:clamp(2.1rem,4.4vw,3.7rem)}
.site-header{background:rgba(255,255,255,.91);border-bottom:1px solid rgba(17,18,20,.07);backdrop-filter:blur(18px)}
.navbar{min-height:82px}
.brand{gap:12px;font-size:1.35rem;letter-spacing:-.04em}
.brand img{width:46px;height:46px;border-radius:0}
.nav-links{gap:26px}
.nav-links>a,.nav-dropdown>button{font-size:.9rem}
.nav-links>a:not(.button){position:relative;text-decoration:none!important}
.nav-links>a:not(.button):after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--yellow);transition:.2s}
.nav-links>a.active:not(.button):after,.nav-links>a:not(.button):hover:after{width:100%}
.dropdown-menu{top:calc(100% + 18px);border-radius:18px;box-shadow:0 12px 40px rgba(25,21,12,.08)}
.button{border-radius:999px;min-height:49px;padding:13px 21px}
.button-primary{background:var(--yellow);box-shadow:0 12px 30px rgba(255,184,0,.22)}
.button-primary:hover{background:#ffc328}
.button-outline{background:#fff;border-color:var(--line)}

.page-hero,.article-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffaf0 0%,#fff 72%,#fff8df 100%);border-bottom:1px solid var(--line)}
.page-hero:after,.article-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(17,18,20,.055) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 42%,#000);pointer-events:none}
.page-hero>.container,.article-hero>.container{position:relative;z-index:1}
.page-hero{padding:88px 0 80px}
.article-hero{padding:76px 0 66px}
.page-hero p{font-size:1.22rem;line-height:1.75}
.breadcrumbs{margin-bottom:30px}
.section{padding:105px 0}
.section-alt{background:var(--surface)}
.section-yellow{background:var(--yellow)}
.section-dark{background:var(--yellow-pale);color:var(--ink)}
.section-dark p{color:var(--muted)}
.section-dark .eyebrow.on-dark{color:var(--ink)}
.section-heading{margin-bottom:48px}

.service-card,.info-card,.package,.content-card,.deliverable,.blog-card,.sidebar-card,.privacy-summary,.privacy-contact-card,.privacy-note{border-radius:var(--radius)}
.service-card,.info-card,.package,.content-card,.deliverable,.blog-card{border-color:var(--line)}
.service-card:hover,.blog-card:hover{border-color:#d8d3c7;box-shadow:0 12px 40px rgba(25,21,12,.08)}
.service-card:after{background:var(--yellow-soft)}
.icon-box{border-radius:14px}
.problem-row{border-radius:18px}
.problem-row>b{background:var(--yellow);color:var(--ink);border-radius:12px}
.process-step{border-radius:22px}
.section-dark .process-step{background:#fff}
.example-card{border-color:var(--line);background:#fff;color:var(--ink)}
.example-card p{color:var(--muted)}
.example-card.after{background:var(--yellow);border-color:var(--yellow)}
.founder-card{background:var(--yellow-pale);color:var(--ink);border:1px solid #eee0ac}
.founder-card p{color:var(--muted)}
.package.featured{border:1px solid var(--line);box-shadow:0 18px 55px rgba(25,21,12,.09)}
.contact-panel{background:var(--yellow);color:var(--ink);border-radius:28px}
.contact-panel p{color:var(--ink-2)}
.contact-detail{border-color:rgba(17,18,20,.18)}
.contact-detail strong{color:var(--ink)}
.contact-detail a{color:var(--ink)}
.contact-form{border-radius:28px;box-shadow:0 16px 48px rgba(25,21,12,.06)}
.field input,.field select,.field textarea{border-radius:13px;padding:13px 14px}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--yellow-soft);border-color:#9d7300}
.blog-visual{background:var(--yellow);color:var(--ink)}
.blog-visual span{background:rgba(255,255,255,.55)}
.blog-visual:after{background:rgba(255,255,255,.5)}
.article-callout{background:var(--yellow-pale)}
.sidebar-card{background:var(--surface)}
.cta-band{border-radius:30px;padding:50px}
.site-footer{margin-top:0;background:var(--ink)}
.site-footer .brand img{border-radius:0}

@media(max-width:980px){
  .container{width:min(100% - 32px,760px)}
  .navbar{min-height:72px}
  .nav-links{inset:73px 0 auto}
  .page-hero{padding:68px 0 62px}
  .section{padding:80px 0}
}

@media(max-width:620px){
  .container{width:calc(100% - 24px)}
  h1{font-size:clamp(2.55rem,13vw,4.1rem)}
  h2{font-size:clamp(2rem,10vw,3rem)}
  .page-hero{padding:55px 0 50px}
  .section{padding:68px 0}
  .contact-panel,.contact-form{padding:26px}
  .cta-band{padding:34px 25px}
}