/* PulseForgeDigital — Home demo (modern SaaS-style layout). Loads after styles.css */
:root{--cream:#faf7f2; --card:#ffffff; --line:#ece7df; --r-lg:28px;}
body.demo{background:var(--cream);}
.demo .site-header{background:rgba(250,247,242,0.9);}
.announce{background:var(--ink); color:#fff; text-align:center; font-size:0.86rem; padding:10px 16px;}
.announce a{color:var(--amber); font-weight:600; text-decoration:none; margin-left:8px;}
.announce a:hover{text-decoration:underline;}

/* Hero */
.d-hero{position:relative; background:radial-gradient(900px 420px at 15% -10%, rgba(255,87,87,0.35), transparent 60%), radial-gradient(800px 400px at 90% 0%, rgba(148,185,255,0.30), transparent 60%), var(--ink); color:#fff; padding:84px 24px 0; text-align:center; overflow:hidden;}
.pill{display:inline-flex; gap:8px; align-items:center; font:600 0.74rem 'IBM Plex Mono',monospace; letter-spacing:0.12em; text-transform:uppercase; padding:7px 14px; border-radius:999px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18);}
.pill i{width:7px; height:7px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 4px rgba(255,87,87,0.25);}
.d-hero h1{font-size:clamp(2.6rem,6.4vw,5rem); margin:22px auto 0; max-width:13em; text-wrap:balance; text-transform:none; letter-spacing:-0.035em;}
.d-hero h1 em{font-style:normal; color:var(--coral);}
.d-hero .lede{max-width:56ch; margin:22px auto 0; color:rgba(255,255,255,0.75); font-size:1.12rem;}
.d-hero .hero-ctas{justify-content:center;}
.d-hero .fine{margin-top:16px; font-size:0.84rem; color:rgba(255,255,255,0.5);}

/* Dashboard mockup */
.dash{max-width:980px; margin:56px auto 0; background:#141414; border:1px solid rgba(255,255,255,0.12); border-radius:22px 22px 0 0; border-bottom:0; box-shadow:0 -10px 80px rgba(255,87,87,0.18); text-align:left; overflow:hidden;}
.dash-bar{display:flex; gap:7px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,0.08);}
.dash-bar span{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.2);}
.dash-bar b{margin-left:auto; font:500 0.72rem 'IBM Plex Mono',monospace; color:rgba(255,255,255,0.45); font-weight:500;}
.dash-body{padding:26px; display:grid; gap:22px;}
.dash-title{font-family:'Sora',sans-serif; font-weight:700; font-size:1.1rem;}
.dash-title small{display:block; font:500 0.78rem 'Inter',sans-serif; color:rgba(255,255,255,0.5); margin-top:4px;}
.kpis{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.kpi{background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:16px;}
.kpi small{font:600 0.68rem 'IBM Plex Mono',monospace; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.5);}
.kpi strong{display:block; font-family:'Sora',sans-serif; font-size:1.7rem; margin-top:6px;}
.kpi:nth-child(odd) strong{color:var(--amber);} .kpi:nth-child(even) strong{color:var(--sky);}
.chart{height:120px; display:flex; align-items:flex-end; gap:8px; padding-top:6px;}
.chart span{flex:1; border-radius:6px 6px 0 0; background:linear-gradient(var(--coral),rgba(255,87,87,0.25)); animation:grow 1s ease-out both; transform-origin:bottom;}
@keyframes grow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.dash-note{font-size:0.75rem; color:rgba(255,255,255,0.4);}
@media (max-width:760px){.kpis{grid-template-columns:repeat(2,1fr);} .dash-body{padding:18px;}}

/* Section scaffolding */
.d-sec{padding:96px 24px;}
.d-head{text-align:center; max-width:760px; margin:0 auto 52px;}
.d-head h2{text-transform:none; font-size:clamp(2rem,4.4vw,3.2rem); letter-spacing:-0.03em; margin-top:14px;}
.d-head h2 em{font-style:normal; color:var(--coral);}
.d-head p{color:var(--text-muted); margin-top:16px; font-size:1.08rem;}

/* Service cards with mini mockups */
.svc-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:20px;}
.svc{grid-column:span 2; background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:26px; display:flex; flex-direction:column; gap:12px; text-decoration:none; transition:transform .2s, box-shadow .2s;}
.svc:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,0.08);}
.svc.wide{grid-column:span 3;}
.svc h3{text-transform:none; font-size:1.3rem; letter-spacing:-0.02em;}
.svc p{color:var(--text-muted); font-size:0.95rem;}
.svc .more{margin-top:auto; font-weight:600; font-size:0.9rem; color:var(--coral-dark);}
.mini{height:130px; border-radius:18px; background:#111; padding:14px; display:flex; flex-direction:column; gap:8px; justify-content:center; overflow:hidden;}
.bub{font-size:0.74rem; padding:7px 11px; border-radius:12px; max-width:82%; line-height:1.35;}
.bub.in{background:rgba(255,255,255,0.12); color:#fff; align-self:flex-start;}
.bub.out{background:var(--coral); color:#fff; align-self:flex-end;}
.bars{display:flex; align-items:flex-end; gap:7px; height:100%;}
.bars span{flex:1; background:var(--periwinkle); border-radius:5px 5px 0 0;}
.flow{display:flex; align-items:center; gap:8px; justify-content:center; height:100%;}
.node{font:600 0.68rem 'IBM Plex Mono',monospace; padding:8px 10px; border-radius:10px; background:rgba(255,255,255,0.1); color:#fff; white-space:nowrap;}
.node.hot{background:var(--coral);}
.arrow{color:rgba(255,255,255,0.4);}
.mail{display:grid; gap:6px;}
.mail div{height:12px; border-radius:6px; background:rgba(255,255,255,0.14);}
.mail div:first-child{width:55%; background:var(--amber);}
.mail div:nth-child(3){width:80%;}
.meta-row{display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:0.78rem;}
.meta-row strong{font-family:'Sora',sans-serif; font-size:1.3rem; color:var(--amber);}
@media (max-width:940px){.svc,.svc.wide{grid-column:span 3;}}
@media (max-width:640px){.svc,.svc.wide{grid-column:span 6;}}

/* Journey timeline */
.journey{background:var(--ink); color:#fff; border-radius:36px; padding:64px 40px; max-width:1180px; margin:0 auto;}
.journey .d-head p{color:rgba(255,255,255,0.65);}
.steps{display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative;}
.steps::before{content:""; position:absolute; top:26px; left:10%; right:10%; height:2px; background:linear-gradient(90deg,var(--coral),var(--periwinkle));}
.stp{text-align:center; padding:0 10px; position:relative;}
.stp b{width:54px; height:54px; border-radius:50%; background:var(--ink); border:2px solid var(--coral); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; font-family:'Sora',sans-serif;}
.stp:nth-child(even) b{border-color:var(--periwinkle);}
.stp h4{font-family:'Sora',sans-serif; font-size:1rem;}
.stp p{font-size:0.85rem; color:rgba(255,255,255,0.6); margin-top:6px;}
@media (max-width:760px){.journey{padding:44px 22px; border-radius:26px;} .steps{grid-template-columns:1fr; gap:26px;} .steps::before{display:none;}}

/* Results */
.res-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:1180px; margin:0 auto;}
.res{background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:34px;}
.res .tag{font:600 0.72rem 'IBM Plex Mono',monospace; letter-spacing:0.12em; text-transform:uppercase; color:var(--coral-dark);}
.res h3{text-transform:none; font-size:1.55rem; margin:10px 0 8px;}
.res > p{color:var(--text-muted);}
.stats{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:24px;}
.stats div{background:var(--cream); border-radius:16px; padding:16px;}
.stats strong{font-family:'Sora',sans-serif; font-size:1.9rem; letter-spacing:-0.03em; display:block; line-height:1.1;}
.stats span{font-size:0.82rem; color:var(--text-muted);}
blockquote{margin:24px 0 0; padding:18px 20px; border-left:4px solid var(--coral); background:var(--cream); border-radius:0 14px 14px 0; font-size:0.98rem;}
blockquote cite{display:block; margin-top:8px; font-style:normal; font-size:0.85rem; color:var(--text-muted);}
@media (max-width:860px){.res-grid{grid-template-columns:1fr;}}

/* Final CTA */
.d-cta{max-width:1180px; margin:0 auto; background:radial-gradient(600px 300px at 80% 0%, rgba(255,218,106,0.35), transparent 60%), var(--coral); color:#fff; border-radius:36px; text-align:center; padding:72px 24px;}
.d-cta h2{text-transform:none; font-size:clamp(2rem,4.6vw,3.3rem); letter-spacing:-0.03em; max-width:18ch; margin:0 auto;}
.d-cta p{margin:16px auto 0; max-width:46ch; opacity:0.95;}
.d-cta .btn-primary{background:var(--ink);} .d-cta .btn-primary:hover{background:#000;}

/* ===== Motion & interaction layer ===== */
.progress{position:fixed; top:0; left:0; right:0; height:3px; z-index:100; background:linear-gradient(90deg,var(--coral),var(--amber)); transform:scaleX(0); transform-origin:left;}
.demo .site-header{transition:box-shadow .3s, padding .3s, background .3s;}
.demo .site-header.is-scrolled{box-shadow:0 8px 30px rgba(0,0,0,0.08); background:rgba(250,247,242,0.96);}
.demo .site-header.is-scrolled .nav-wrap{padding-top:9px; padding-bottom:9px;}
.demo nav.primary-nav a[aria-current]{color:var(--coral); border-bottom-color:var(--coral);}

/* Page-load transition */
.js body.demo{opacity:0;}
.js body.demo.is-ready{opacity:1; transition:opacity .5s ease;}
.js .d-hero .pill,.js .d-hero h1,.js .d-hero .lede,.js .d-hero .hero-ctas,.js .d-hero .fine,.js .d-hero .dash{opacity:0; transform:translateY(24px);}
.is-ready .d-hero .pill,.is-ready .d-hero h1,.is-ready .d-hero .lede,.is-ready .d-hero .hero-ctas,.is-ready .d-hero .fine,.is-ready .d-hero .dash{opacity:1; transform:none; transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);}
.is-ready .d-hero h1{transition-delay:.12s;} .is-ready .d-hero .lede{transition-delay:.24s;} .is-ready .d-hero .hero-ctas{transition-delay:.36s;} .is-ready .d-hero .fine{transition-delay:.44s;} .is-ready .d-hero .dash{transition-delay:.55s; transition-duration:1.1s;}
.d-hero::before,.d-hero::after{content:""; position:absolute; width:420px; height:420px; border-radius:50%; filter:blur(90px); opacity:.35; pointer-events:none; animation:float 14s ease-in-out infinite;}
.d-hero::before{background:var(--coral); left:-120px; top:120px;}
.d-hero::after{background:var(--periwinkle); right:-140px; top:40px; animation-delay:-7s;}
@keyframes float{0%,100%{transform:translate(0,0);}50%{transform:translate(50px,-40px);}}
.d-hero > *{position:relative; z-index:1;}
.rotator{display:inline-block; color:var(--amber); transition:opacity .35s, transform .35s;}
.rotator.out{opacity:0; transform:translateY(-10px);}
.sub-rot{margin-top:18px; font:500 1.05rem 'Inter',sans-serif; color:rgba(255,255,255,0.8);}

/* Scroll reveal */
.js .rv{opacity:0; transform:translateY(34px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); transition-delay:var(--d,0s);}
.js .rv.in{opacity:1; transform:none;}
.js .rv-l{transform:translateX(-40px);} .js .rv-r{transform:translateX(40px);}
.js .rv-s{transform:scale(.94);}

/* Marquee */
.marq{overflow:hidden; padding:26px 0; border-block:1px solid var(--line); background:#fff; -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.marq-track{display:flex; gap:56px; width:max-content; animation:marq 32s linear infinite;}
.marq:hover .marq-track{animation-play-state:paused;}
.marq-track span{font:600 0.95rem 'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); white-space:nowrap; display:flex; align-items:center; gap:56px;}
.marq-track span::after{content:"✦"; color:var(--coral);}
@keyframes marq{to{transform:translateX(-50%);}}

/* Spotlight cards */
.spot{position:relative; overflow:hidden;}
.spot::before{content:""; position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .3s; background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), rgba(255,87,87,0.13), transparent 60%);}
.spot:hover::before{opacity:1;}
.spot > *{position:relative;}

/* Tabs */
.tablist{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:32px;}
.tab{font:600 0.92rem 'Sora',sans-serif; padding:12px 22px; border-radius:999px; border:1.5px solid var(--line); background:#fff; color:var(--ink); cursor:pointer; transition:all .25s;}
.tab:hover{border-color:var(--ink);}
.tab[aria-selected="true"]{background:var(--ink); color:#fff; border-color:var(--ink);}
.tab:focus-visible{outline:var(--focus); outline-offset:3px;}
.tab-panel{max-width:1000px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; animation:panelIn .5s cubic-bezier(.2,.7,.2,1);}
.tab-panel[hidden]{display:none;}
@keyframes panelIn{from{opacity:0; transform:translateY(16px);}to{opacity:1; transform:none;}}
.tp-item{display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border:1px solid var(--line); border-radius:18px; padding:18px 22px; text-decoration:none; font-weight:600; transition:transform .2s, border-color .2s, box-shadow .2s;}
.tp-item span{color:var(--coral); transition:transform .2s;}
.tp-item:hover{transform:translateY(-3px); border-color:var(--coral); box-shadow:0 12px 28px rgba(255,87,87,0.12);}
.tp-item:hover span{transform:translateX(5px);}
@media (max-width:640px){.tab-panel{grid-template-columns:1fr;}}

/* About */
.about-wrap{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center;}
.about-wrap p{color:var(--text-muted); margin-top:16px; font-size:1.05rem;}
.about-wrap h2{text-transform:none; font-size:clamp(2rem,4vw,3rem); letter-spacing:-0.03em; margin-top:14px;}
.about-wrap h2 em{font-style:normal; color:var(--coral);}
.vals{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.val{background:#fff; border:1px solid var(--line); border-radius:22px; padding:22px;}
.val b{display:flex; width:40px; height:40px; border-radius:12px; align-items:center; justify-content:center; background:var(--sky); font-size:1.1rem; margin-bottom:12px;}
.val:nth-child(2) b{background:var(--amber);} .val:nth-child(3) b{background:var(--periwinkle);} .val:nth-child(4) b{background:#ffd0d0;}
.val h4{font-family:'Sora',sans-serif; font-size:1rem;} .val p{font-size:.88rem; margin-top:6px;}
@media (max-width:900px){.about-wrap{grid-template-columns:1fr;}}
.mission-strip{max-width:1180px; margin:48px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.ms{background:var(--ink); color:#fff; border-radius:26px; padding:28px;}
.ms h3{text-transform:none; font-size:1.15rem; color:var(--amber);} .ms p{margin-top:10px; color:rgba(255,255,255,.75); font-size:.95rem;}
@media (max-width:860px){.mission-strip{grid-template-columns:1fr;}}

/* FAQ / Contact */
.faq-wrap{max-width:820px; margin:0 auto;}
.demo .faq-item{background:#fff; border:1px solid var(--line); border-radius:18px; margin-bottom:12px; padding:0 22px; transition:border-color .2s, box-shadow .2s;}
.demo .faq-item[open]{border-color:var(--coral); box-shadow:0 10px 26px rgba(255,87,87,.1);}
.contact-wrap{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start;}
.c-cards{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.c-card{background:#fff; border:1px solid var(--line); border-radius:22px; padding:22px; text-decoration:none; display:block; transition:transform .25s, border-color .25s;}
.c-card:hover{transform:translateY(-4px); border-color:var(--coral);}
.c-card small{font:600 .7rem 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--coral-dark);}
.c-card strong{display:block; font-family:'Sora',sans-serif; margin-top:8px; font-size:1rem; word-break:break-word;}
.c-card.wa{background:#25D366; border-color:#25D366; color:#062b13;} .c-card.wa small{color:#0a5027;}
.form-card{background:#fff; border:1px solid var(--line); border-radius:28px; padding:32px;}
@media (max-width:900px){.contact-wrap{grid-template-columns:1fr;}}
@media (max-width:480px){.c-cards{grid-template-columns:1fr;}}

.demo .btn{position:relative;}
.demo .btn-primary{box-shadow:0 8px 24px rgba(255,87,87,.35);}
.demo footer.site-footer{margin-top:40px;}

@media (prefers-reduced-motion: reduce){
  .js body.demo,.js .rv,.js .d-hero .pill,.js .d-hero h1,.js .d-hero .lede,.js .d-hero .hero-ctas,.js .d-hero .fine,.js .d-hero .dash{opacity:1 !important; transform:none !important;}
  .marq-track,.d-hero::before,.d-hero::after{animation:none;}
}
.demo section[id]{scroll-margin-top:84px;}

/* Inner-page hero */
.demo .page-hero{position:relative; overflow:hidden; text-align:center; padding:84px 24px 72px; background:radial-gradient(700px 320px at 12% -20%, rgba(255,87,87,0.32), transparent 60%), radial-gradient(700px 320px at 92% -10%, rgba(148,185,255,0.28), transparent 60%), var(--ink);}
.demo .page-hero h1{text-transform:none; letter-spacing:-0.035em; font-size:clamp(2.2rem,5.4vw,4rem); margin-top:16px;}
.demo .page-hero p{margin-left:auto; margin-right:auto;}
.js .page-hero .breadcrumb,.js .page-hero h1,.js .page-hero p{opacity:0; transform:translateY(20px);}
.is-ready .page-hero .breadcrumb,.is-ready .page-hero h1,.is-ready .page-hero p{opacity:1; transform:none; transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
.is-ready .page-hero h1{transition-delay:.1s;} .is-ready .page-hero p{transition-delay:.2s;}
.demo .final-cta{border-radius:0;}
.demo .service-meta-grid > *, .demo .prose{position:relative;}
.demo .form-field label{font-weight:600; font-size:.9rem;}
.d-sec.tight-top{padding-top:64px;}

/* Prevent horizontal overflow from slide-in reveals on small screens */
body.demo{overflow-x:clip;}
@media (max-width:860px){ .js .rv-l,.js .rv-r{transform:translateY(34px);} .js .rv-l.in,.js .rv-r.in{transform:none;} }

/* ===== Portfolio layout additions ===== */
.solves{font-size:.86rem; color:var(--ink); background:var(--cream); border-radius:12px; padding:10px 12px;}
.solves b{display:block; font:600 .66rem 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--coral-dark); margin-bottom:2px;}
.browser{background:#1c1c1c; border-radius:12px; overflow:hidden; height:100%; display:flex; flex-direction:column;}
.b-bar{display:flex; align-items:center; gap:5px; padding:7px 10px; background:#262626;}
.b-bar i{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.25);}
.b-bar span{margin-left:8px; font:500 .62rem 'IBM Plex Mono',monospace; color:rgba(255,255,255,.55); background:rgba(255,255,255,.08); padding:2px 8px; border-radius:6px;}
.b-body{padding:10px; display:grid; gap:8px; flex:1;}
.b-hero{height:32px; border-radius:8px; background:linear-gradient(90deg,var(--coral),#ff8a7a);}
.b-row{display:grid; grid-template-columns:repeat(3,1fr); gap:6px;}
.b-row span{height:26px; border-radius:6px; background:rgba(255,255,255,.1);}
.serp{display:grid; gap:7px;}
.serp .q{font-size:.72rem; color:#fff; background:rgba(255,255,255,.1); border-radius:999px; padding:6px 12px; display:flex; gap:8px; align-items:center;}
.serp .q::before{content:""; width:8px; height:8px; border:2px solid rgba(255,255,255,.6); border-radius:50%;}
.serp .r{font-size:.72rem; color:rgba(255,255,255,.55); padding:5px 10px; display:flex; gap:8px;}
.serp .r b{color:rgba(255,255,255,.4);}
.serp .r.top{background:rgba(255,218,106,.14); color:var(--amber); border-radius:8px;} .serp .r.top b{color:var(--amber);}
.ico svg,.val b svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.val b{color:var(--ink);}
.vals.one{grid-template-columns:1fr;}
.why-grid{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.why-grid .val:nth-child(5) b{background:var(--sky);} .why-grid .val:nth-child(6) b{background:var(--amber);}
@media (max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr;}}
.ms .ico{display:inline-flex; width:42px; height:42px; border-radius:12px; align-items:center; justify-content:center; background:rgba(255,255,255,.08); color:var(--coral); margin-bottom:14px;}
.svc10-grid{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.svc10{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:26px; display:flex; flex-direction:column; gap:10px; text-decoration:none; transition:transform .2s, box-shadow .2s, border-color .2s;}
.svc10:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.08); border-color:var(--coral);}
.svc10-top{display:flex; justify-content:space-between; align-items:center;}
.svc10 .ico{width:46px; height:46px; border-radius:14px; background:var(--ink); color:#fff; display:inline-flex; align-items:center; justify-content:center; transition:background .25s;}
.svc10:hover .ico{background:var(--coral);}
.svc10 .num{font:600 .85rem 'IBM Plex Mono',monospace; color:var(--gray);}
.svc10 h3{text-transform:none; font-size:1.25rem; letter-spacing:-.02em;}
.svc10 > p:not(.solves){color:var(--text-muted); font-size:.95rem;}
.svc10 .more{margin-top:auto; font-weight:600; font-size:.9rem; color:var(--coral-dark);}
@media (max-width:760px){.svc10-grid{grid-template-columns:1fr;}}
.tools-grid{max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.tool-card{background:var(--ink); color:#fff; border-radius:var(--r-lg); padding:28px;}
.tool-card h3{text-transform:none; font-size:1.1rem; color:var(--amber);}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.chips span{font-size:.85rem; padding:7px 13px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14);}
@media (max-width:860px){.tools-grid{grid-template-columns:1fr;}}
.steps.six{grid-template-columns:repeat(6,1fr);}
@media (max-width:1000px){.steps.six{grid-template-columns:repeat(3,1fr); row-gap:30px;} .steps.six::before{display:none;}}
@media (max-width:560px){.steps.six{grid-template-columns:1fr;}}
.cap-band{max-width:1180px; margin:0 auto; background:var(--ink); color:#fff; border-radius:36px; padding:56px 40px;}
.cap-list{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px;}
.cap{display:flex; gap:14px; align-items:center; padding:18px 20px; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); transition:background .2s, border-color .2s;}
.cap:hover{background:rgba(255,87,87,.12); border-color:var(--coral);}
.cap b{font-family:'Sora',sans-serif; font-size:1.5rem; color:var(--coral); min-width:28px;}
.cap span{font-weight:600;}
@media (max-width:760px){.cap-band{padding:40px 22px; border-radius:26px;}}
.cs{max-width:1180px; margin:0 auto 28px; background:#fff; border:1px solid var(--line); border-radius:32px; padding:40px; display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:start;}
.cs .tag{font:600 .72rem 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--coral-dark);}
.cs h2{text-transform:none; font-size:clamp(1.6rem,3vw,2.3rem); letter-spacing:-.03em; margin:10px 0 6px;}
.cs .sub{color:var(--text-muted); font-size:.95rem;}
.cs dl{margin:24px 0 0; display:grid; gap:16px;}
.cs dt{font:600 .72rem 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase;}
.cs dd{margin:4px 0 0; color:var(--text-muted);}
.cs .stats{margin-top:0;}
.cs .period{margin-top:16px; font:500 .82rem 'IBM Plex Mono',monospace; color:var(--text-muted);}
@media (max-width:900px){.cs{grid-template-columns:1fr; padding:28px; gap:24px;}}
.c-card.full{grid-column:1/-1;}
.center-cta{text-align:center; margin-top:36px;}