/**
 * WiserSteps theme stylesheet. Defines the shared visual system used by all PHP templates;
 * intentionally uses system fonts and CSS variables to keep rendering fast and maintainable.
 */
/* Theme Name: WiserSteps
 * Theme URI: https://example.com/wisersteps
 * Description: Premium, accessible agency theme for WiserSteps.
 * Version: 1.0.0
 * Requires at least: 6.4
 * Requires PHP: 8.0
 * Text Domain: wisersteps
 */
:root{--ink:#151515;--night:#101112;--paper:#f7f5f1;--white:#fff;--muted:#696762;--line:#dedbd4;--accent:#e33e24;--accent-dark:#ba2f1b;--max:76rem;--radius:1.1rem;--shadow:0 18px 45px rgba(20,18,15,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button{cursor:pointer}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus,.skip-link:focus{width:auto;height:auto;margin:1rem;clip:auto;padding:.8rem 1rem;background:var(--white);color:var(--ink);z-index:999}.skip-link{position:absolute;left:0;top:0}.site-main{overflow:hidden}.wrap{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}.section{padding:clamp(4.5rem,9vw,8rem) 0}.section--dark{background:var(--night);color:var(--white)}.section--warm{background:#ebe7df}.eyebrow{display:flex;gap:.6rem;align-items:center;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.1rem}.eyebrow:before{content:"";width:1.8rem;height:2px;background:currentColor}.display{font-size:clamp(2.5rem,5.7vw,5.5rem);line-height:.98;letter-spacing:-.06em;margin:0;max-width:13ch}.heading{font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.05;letter-spacing:-.045em;margin:0;max-width:17ch}.lead{font-size:clamp(1.05rem,1.6vw,1.27rem);color:inherit;opacity:.82;max-width:58ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3.25rem;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:.35rem;background:var(--accent);color:#fff!important;font-weight:750;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:var(--accent-dark);transform:translateY(-2px)}.button--quiet{background:transparent;border-color:currentColor}.button--light{background:var(--white);color:var(--ink)!important}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.site-header{position:relative;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.site-header.is-stuck{position:sticky;top:0;box-shadow:0 4px 18px rgba(0,0,0,.08)}.header-inner{min-height:5.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);font-weight:900;font-size:1.22rem;letter-spacing:-.05em;text-decoration:none}.brand img{display:block;width:2.8rem;height:2.8rem;object-fit:contain}.site-nav ul,.footer-nav ul{list-style:none;margin:0;padding:0}.site-nav ul{display:flex;align-items:center;gap:1.05rem}.site-nav a{font-size:.91rem;font-weight:700;text-decoration:none}.site-nav .nav-cta a{padding:.64rem .85rem;background:var(--accent);border-radius:.3rem;color:#fff}.menu-toggle{display:none;border:0;background:none;padding:.7rem;color:var(--ink);font-weight:800}.hero{position:relative;background:var(--night);color:#fff;padding:clamp(5rem,11vw,9rem) 0;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 35%,rgba(227,62,36,.32),transparent 24%),linear-gradient(120deg,transparent 56%,rgba(255,255,255,.035) 56%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem}.hero-copy .lead{margin-top:1.5rem}.hero-visual{min-height:28rem;position:relative}.screen{position:absolute;background:#f4f1ea;color:var(--ink);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.25)}.screen--main{width:78%;right:0;top:7%;padding:1.2rem}.screen--mobile{width:33%;left:2%;bottom:5%;padding:.75rem;background:#252627;color:#fff}.screen__bar{height:.45rem;width:30%;background:var(--accent);margin-bottom:1.1rem}.screen__title{font-size:1.5rem;line-height:1.1;font-weight:850;margin-bottom:1rem}.screen__lines{height:7rem;background:repeating-linear-gradient(#d7d2ca 0 6px,transparent 6px 18px);opacity:.8}.screen__chart{height:7.5rem;background:linear-gradient(150deg,transparent 48%,var(--accent) 49% 53%,transparent 54%),linear-gradient(110deg,transparent 58%,#1f201f 59% 62%,transparent 63%);margin-top:1rem}.screen--mobile .screen__lines{background:repeating-linear-gradient(#777 0 5px,transparent 5px 15px);height:9rem}.trust-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.trust-list div{background:var(--paper);padding:1.4rem;font-weight:700;font-size:.91rem}.trust-list div:before{content:"✓";color:var(--accent);font-weight:900;margin-right:.55rem}.split-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3.25rem}.service-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.service-group{padding:2rem;border:1px solid var(--line);background:var(--white);min-height:14rem}.service-group h3{font-size:1.4rem;margin:0 0 1rem}.service-group ul{padding-left:1.1rem;margin:0}.service-group a{font-weight:650}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.project-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);text-decoration:none}.project-card__art{aspect-ratio:16/9;padding:1.25rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#222 0 50%,#383633 50%)}.project-card__art:before{content:"Sample project";position:absolute;inset:auto 1rem 1rem auto;color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.project-card:nth-child(2n) .project-card__art{background:linear-gradient(135deg,#d84c34,#321c19)}.project-card:nth-child(3n) .project-card__art{background:linear-gradient(135deg,#1f443e,#0f2521)}.project-card__body{padding:1.35rem}.project-card__type{color:var(--accent);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.project-card h3{font-size:1.35rem;line-height:1.18;margin:.45rem 0}.project-card p{margin:0;color:var(--muted)}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.step{border-top:1px solid rgba(255,255,255,.35);padding-top:1.25rem}.step:before{counter-increment:steps;content:"0" counter(steps);font-weight:900;font-size:1.05rem;color:var(--accent)}.step h3{font-size:1.1rem;margin:.7rem 0 .3rem}.step p{color:#c8c5c0;margin:0;font-size:.9rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.price-card{position:relative;display:flex;flex-direction:column;padding:2rem;background:var(--white);border:1px solid var(--line)}.price-card--featured{background:var(--night);color:#fff;border-color:var(--night)}.price-card--featured .price-note{color:#cac8c1}.price-card__label{font-size:.75rem;color:var(--accent);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.price{font-size:2.25rem;line-height:1;margin:1rem 0;font-weight:900;letter-spacing:-.06em}.price span{font-size:.85rem;font-weight:650;letter-spacing:0}.price-card ul{padding-left:1.1rem;flex:1}.price-card li{margin:.4rem 0}.price-note{font-size:.85rem;color:var(--muted)}.quote{padding:2rem;background:#242423;color:#fff;border-left:3px solid var(--accent)}.quote p{font-size:1.4rem;line-height:1.35;margin:0 0 1rem}.quote cite{font-style:normal;color:#c7c4bd;font-size:.85rem}.comparison{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.comparison article{background:var(--paper);padding:1.5rem}.comparison h3{font-size:1.1rem;margin:.2rem 0 .65rem}.faq-list{max-width:52rem}.faq{border-top:1px solid var(--line)}.faq:last-child{border-bottom:1px solid var(--line)}.faq button{width:100%;text-align:left;background:transparent;border:0;padding:1.15rem 2.6rem 1.15rem 0;color:inherit;font-weight:800;position:relative}.faq button:after{content:"+";position:absolute;right:.2rem;font-size:1.35rem;color:var(--accent)}.faq button[aria-expanded=true]:after{content:"−"}.faq__answer{padding:0 2rem 1.25rem 0;color:var(--muted)}.faq__answer[hidden]{display:none}.cta-band{background:var(--accent);color:#fff}.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta-band h2{font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.05em;max-width:16ch;margin:0}.site-footer{background:#090a0a;color:#e8e5df;padding:4rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.footer-brand img{width:10rem}.footer-brand p{max-width:36ch;color:#bbb8b1}.footer-nav li{margin:.5rem 0}.footer-nav a{color:#e8e5df;text-decoration:none}.footer-meta{border-top:1px solid #343331;margin-top:3rem;padding-top:1.2rem;font-size:.83rem;color:#aaa7a1;display:flex;justify-content:space-between;gap:1rem}.page-hero{background:var(--night);color:#fff;padding:5.5rem 0 4.5rem}.page-hero .display{font-size:clamp(2.8rem,5vw,4.8rem)}.content{padding:4rem 0}.entry-content{max-width:48rem}.entry-content h2{font-size:2rem;line-height:1.1;margin-top:2.6rem}.entry-content h3{margin-top:2rem}.entry-content a{color:var(--accent)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filter-button{background:transparent;border:1px solid var(--line);padding:.5rem .8rem;border-radius:2rem}.filter-button.is-active,.filter-button:hover{background:var(--ink);color:#fff}.project-case{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem}.project-details{border-left:1px solid var(--line);padding-left:2rem}.project-details dt{font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-top:1.1rem}.project-details dd{margin:.25rem 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field--full{grid-column:1/-1}.field label{font-size:.88rem;font-weight:750}.field input,.field select,.field textarea{width:100%;padding:.72rem;border:1px solid #aaa59c;background:#fff;border-radius:.2rem;color:var(--ink)}.field textarea{min-height:9rem}.field input:focus,.field select:focus,.field textarea:focus,.faq button:focus-visible,.button:focus-visible,a:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.form-notice{padding:1rem;border-left:3px solid var(--accent);background:#fff2ef}.form-notice--success{border-color:#2b8058;background:#e9f7ef}.hp-field{position:absolute!important;left:-9999px!important}.pagination{margin-top:2rem;display:flex;gap:.5rem}.pagination .page-numbers{border:1px solid var(--line);padding:.45rem .7rem;text-decoration:none}.post-meta{font-size:.86rem;color:var(--muted)}.post-list{display:grid;gap:1.5rem}.post-list article{border-bottom:1px solid var(--line);padding-bottom:1.5rem}.empty-state{padding:3rem;background:#ebe7df;text-align:center}.placeholder-note{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}
@media(max-width:760px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line)}.site-nav.is-open{display:block}.site-nav ul{display:block;padding:1rem 1.25rem}.site-nav li{padding:.6rem 0}.site-nav .nav-cta a{display:inline-block}.hero-grid,.project-case{grid-template-columns:1fr}.hero-visual{min-height:20rem}.trust-list,.steps,.comparison{grid-template-columns:1fr}.service-groups,.project-grid,.pricing-grid,.archive-grid{grid-template-columns:1fr}.split-heading,.cta-band .wrap{display:block}.split-heading .button,.cta-band .button{margin-top:1.5rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.project-details{border-left:0;border-top:1px solid var(--line);padding:1.5rem 0 0}.footer-meta{display:block}.footer-meta p{margin:.4rem 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}