/*
Theme Name: Backlinkshout SaaS Hybrid
Theme URI: https://backlinkshout.com/
Author: Backlinkshout
Description: Premium SaaS landing hybrid WordPress authority theme for finance and startup news. Includes SEO/AEO/GEO schema, bento homepage, related posts, internal linking, responsive layouts, and llms.txt.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: backlinkshout
*/
:root{--navy:#071827;--navy2:#0d263c;--teal:#28f3d0;--teal2:#e8fffb;--white:#fff;--soft:#f4f8fb;--text:#102033;--muted:#657386;--line:#dce7ef;--radius:28px;--shadow:0 24px 70px rgba(7,24,39,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(1180px,calc(100% - 42px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navrow{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand svg{width:220px;height:50px;display:block}.menu{display:flex;gap:8px;align-items:center;list-style:none;margin:0;padding:0}.menu a{display:block;padding:10px 14px;border-radius:14px;font-size:14px;font-weight:800;color:var(--navy)}.menu a:hover{background:var(--teal2);color:#087766}.hero{background:radial-gradient(circle at top right,rgba(40,243,208,.20),transparent 32%),linear-gradient(135deg,#f8fbfd 0%,#fff 52%,#eef7fb 100%);padding:90px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(40,243,208,.55);background:var(--teal2);border-radius:999px;padding:8px 14px;color:#087766;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:900}h1,h2,h3{margin:0;color:var(--navy);line-height:1.02;letter-spacing:-.055em;font-family:Arial,Helvetica,sans-serif}h1{font-size:clamp(44px,6.6vw,88px);font-weight:900;margin:22px 0 22px}h2{font-size:clamp(34px,4.2vw,62px);font-weight:900}h3{font-size:clamp(22px,2vw,30px);font-weight:900}.lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:var(--muted);max-width:720px;margin:0}.lead.left{margin-top:22px}.searchbox{margin-top:32px;max-width:650px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px;display:flex;gap:8px;box-shadow:0 18px 50px rgba(7,24,39,.08)}.searchbox input{flex:1;border:0;outline:0;background:transparent;padding:15px 16px;font-size:16px}.searchbox button{border:0;background:var(--navy);color:#fff;border-radius:16px;padding:0 22px;font-weight:900}.hero-panel{position:relative;background:var(--navy);border-radius:38px;padding:16px;box-shadow:var(--shadow);isolation:isolate}.hero-panel:before{content:"";position:absolute;inset:22px -18px -18px 35%;background:var(--teal);border-radius:34px;z-index:-1;opacity:.9}.hero-panel img{border-radius:28px;aspect-ratio:5/4;object-fit:cover;width:100%;mix-blend-mode:screen;opacity:.92}.metric-card.big{position:absolute;left:-24px;top:28px;width:230px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(7,24,39,.16)}.metric-card span,.proof span{display:block;color:var(--muted);font-size:13px;font-weight:750}.metric-card strong{display:block;color:var(--navy);font-size:34px;letter-spacing:-.05em}.metric-card p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.floating-chip{position:absolute;right:28px;bottom:28px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:12px 18px;color:var(--navy);font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.14)}.statstrip{background:var(--navy);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.stats div{padding:28px 20px;border-right:1px solid rgba(255,255,255,.1)}.stats strong{display:block;font-size:34px;letter-spacing:-.05em;color:var(--teal)}.stats span{font-size:13px;color:#cbd7df;font-weight:800}.section{padding:84px 0}.section-head{max-width:760px;margin-bottom:34px}.bento-section{background:#fbfdff}.bento{display:grid;grid-template-columns:1.05fr .95fr .8fr;grid-auto-rows:minmax(170px,auto);gap:18px}.bento-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 12px 40px rgba(7,24,39,.06);position:relative;overflow:hidden}.bento-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:32px;background:var(--teal2);right:-40px;bottom:-45px;transform:rotate(18deg)}.bento-card.tall{grid-row:span 2;background:linear-gradient(180deg,#fff,#f0fffb)}.bento-card.wide{grid-column:span 2}.bento-card.dark{background:var(--navy);color:#fff}.bento-card.dark h3,.bento-card.dark p{color:#fff}.bento-card.teal{background:var(--teal);border-color:var(--teal)}.bento-card p,.card p,.feature p{color:var(--muted);margin:12px 0 0}.bento-card.teal p{color:#064135}.icon{width:52px;height:52px;border-radius:18px;background:var(--navy);color:var(--teal);display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:28px}.showcase{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);color:#fff}.showcase h2{color:#fff}.showcase-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.proof-stack{display:grid;gap:16px}.proof{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px}.proof strong{display:block;font-size:24px;color:var(--teal);letter-spacing:-.04em}.proof span{color:#cfdce5;font-size:15px}.resources-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:28px}.resources-head p{max-width:430px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 16px 48px rgba(7,24,39,.08);transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card-img{aspect-ratio:16/10;background:var(--soft);overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:25px}.meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#087766;font-weight:900;margin-bottom:10px}.more{display:inline-flex;margin-top:16px;color:var(--navy);font-weight:900}.btn{display:inline-flex;align-items:center;padding:14px 22px;border-radius:16px;background:var(--navy);color:#fff;font-weight:900}.older{display:flex;justify-content:center;margin-top:36px}.footer{background:#050d15;color:#e9f4f6;padding:58px 0 26px}.footergrid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:30px}.footer .brand svg text{fill:#fff}.footer p,.footer a{color:#b7c7d3}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;color:#8da0ae;font-size:13px}.article{max-width:880px;margin:70px auto}.article h1{font-size:clamp(38px,5vw,68px);margin:14px 0 22px}.article-content{font-size:18px}.internal-links{margin:30px 0;padding:20px;border-radius:24px;background:var(--teal2);border:1px solid #baf7ed}.internal-links strong{display:block;margin-bottom:8px}.internal-links a{color:#087766;font-weight:850}.related{margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}.page-title{padding:70px 0 30px;text-align:center}.archive-grid{padding-bottom:70px}.screen-reader-text{position:absolute;left:-9999px}.wp-caption,.gallery-caption,.bypostauthor{display:block}.aligncenter{margin:auto}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}
@media(max-width:920px){.navrow{flex-wrap:wrap;padding:14px 0}.menu{width:100%;justify-content:center;flex-wrap:wrap}.hero-grid,.showcase-grid,.cards,.footergrid{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.bento-card.wide{grid-column:auto}.metric-card.big{position:static;width:auto;margin-bottom:14px}.stats{grid-template-columns:repeat(2,1fr)}.resources-head{display:block}.searchbox{flex-direction:column;border-radius:22px}.searchbox button{padding:14px}.brand svg{width:190px}.section{padding:58px 0}.hero{padding-top:56px}}