/*
Theme Name: Billo
Theme URI: https://billo.in/
Author: Billo
Description: Premium SaaS marketing theme for Billo business management software.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: billo
*/
:root{--billo-blue:#1677ff;--billo-blue-2:#0b5fe7;--billo-navy:#0b1736;--billo-ink:#111827;--billo-muted:#667085;--billo-bg:#f7faff;--billo-line:#e7edf7;--billo-white:#fff;--radius:20px;--shadow:0 18px 55px rgba(20,61,120,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--billo-ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,237,247,.8)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:150px;display:block}.menu{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600;color:#344054}.menu a:hover{color:var(--billo-blue)}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 18px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn-primary{background:var(--billo-blue);color:#fff;box-shadow:0 10px 24px rgba(22,119,255,.22)}.btn-primary:hover{background:var(--billo-blue-2);transform:translateY(-1px)}.btn-outline{border-color:#d9e2f0;background:#fff;color:var(--billo-navy)}.btn-outline:hover{border-color:#b8c8df}.hero{position:relative;overflow:hidden;padding:88px 0 90px;background:radial-gradient(circle at 80% 20%,rgba(22,119,255,.13),transparent 32%),linear-gradient(180deg,#fff 0%,#f7faff 100%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #dce8fb;background:#fff;border-radius:999px;color:#175cc7;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;background:#20c77a;border-radius:50%}.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 18px;color:var(--billo-navy)}.hero h1 em{font-style:normal;color:var(--billo-blue)}.hero p{font-size:18px;line-height:1.7;color:var(--billo-muted);max-width:620px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{margin-top:17px;font-size:12px;color:#98a2b3}.dashboard-card{background:#fff;border:1px solid #e2eaf5;border-radius:28px;box-shadow:var(--shadow);padding:18px;transform:rotate(1deg)}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 15px}.dash-title{font-weight:800;color:var(--billo-navy)}.dash-user{width:30px;height:30px;border-radius:50%;background:#e8f1ff}.dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:18px;border:1px solid #edf1f7;border-radius:17px;background:#fbfdff}.metric small{color:#98a2b3;font-size:11px}.metric strong{display:block;font-size:24px;color:var(--billo-navy);margin-top:3px}.chart{height:145px;margin-top:12px;border-radius:17px;background:linear-gradient(180deg,#eef6ff,#fff);position:relative;overflow:hidden}.chart:after{content:"";position:absolute;left:7%;right:5%;bottom:25px;height:85px;background:linear-gradient(135deg,transparent 0 8%,#7fb2ff 8% 10%,transparent 10% 23%,#3f8fff 23% 25%,transparent 25% 40%,#7fb2ff 40% 42%,transparent 42% 55%,#1677ff 55% 57%,transparent 57% 73%,#7fb2ff 73% 75%,transparent 75% 87%,#1677ff 87% 89%,transparent 89%);opacity:.65}.trust{padding:22px 0 55px;background:#f7faff;border-bottom:1px solid #edf2f8}.trust-row{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;color:#98a2b3;font-weight:800;font-size:13px;letter-spacing:.04em}.section{padding:95px 0}.section-soft{background:var(--billo-bg)}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head .eyebrow{margin-bottom:13px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.04em;color:var(--billo-navy);margin:0 0 14px}.section-head p{margin:0;color:var(--billo-muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:28px;border:1px solid var(--billo-line);border-radius:var(--radius);background:#fff;transition:.2s ease}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:46px;height:46px;border-radius:14px;background:#eaf3ff;color:var(--billo-blue);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.feature h3{margin:0 0 7px;color:var(--billo-navy);font-size:18px}.feature p{margin:0;color:var(--billo-muted);font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.045em;color:var(--billo-navy);margin:12px 0 15px}.split p{color:var(--billo-muted);font-size:16px}.checks{list-style:none;padding:0;margin:25px 0;display:grid;gap:13px}.checks li{display:flex;gap:11px;align-items:flex-start;color:#344054;font-weight:600}.checks li:before{content:"✓";flex:none;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e7f8f0;color:#159a61;font-size:12px;font-weight:900}.mock{background:#fff;border:1px solid var(--billo-line);border-radius:28px;padding:20px;box-shadow:var(--shadow)}.invoice{border:1px solid #e7edf7;border-radius:20px;padding:22px}.invoice-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1f7;padding-bottom:18px;margin-bottom:18px}.invoice-brand{font-weight:900;font-size:22px;color:var(--billo-blue)}.invoice-lines{display:grid;gap:10px}.invoice-line{height:11px;border-radius:5px;background:#eef2f7}.invoice-line.short{width:45%}.invoice-total{display:flex;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid #edf1f7;font-weight:900;color:var(--billo-navy)}.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry{padding:21px;border-radius:16px;background:#fff;border:1px solid var(--billo-line);font-weight:800;color:#24324d}.industry span{display:block;color:var(--billo-blue);font-size:12px;margin-bottom:5px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{background:#fff;border:1px solid var(--billo-line);border-radius:22px;padding:30px}.price-card.featured{border:2px solid var(--billo-blue);box-shadow:var(--shadow);position:relative}.popular{position:absolute;top:15px;right:15px;background:#eaf3ff;color:var(--billo-blue);font-size:10px;font-weight:900;border-radius:999px;padding:5px 9px}.price-card h3{margin:0;color:var(--billo-navy)}.price{font-size:38px;font-weight:900;color:var(--billo-navy);margin:15px 0 2px}.price small{font-size:13px;color:#98a2b3;font-weight:500}.price-card p{color:var(--billo-muted);font-size:13px}.price-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:11px;color:#475467;font-size:14px}.price-card li:before{content:"✓";color:var(--billo-blue);font-weight:900;margin-right:8px}.cta{padding:70px 0}.cta-box{background:linear-gradient(135deg,#0d5fe7,#1786ff);border-radius:30px;padding:55px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.cta-box:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:-170px;background:rgba(255,255,255,.12)}.cta-box h2{margin:0 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.04em}.cta-box p{margin:0;color:rgba(255,255,255,.8)}.cta-box .btn{background:#fff;color:#0b5fe7;position:relative;z-index:2}.site-footer{background:#08132e;color:#c9d4e8;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-brand img{width:135px;filter:brightness(0) invert(1)}.footer-brand p{color:#8998b3;max-width:320px;font-size:13px}.footer-col h4{color:#fff;margin:0 0 15px;font-size:13px}.footer-col a{display:block;color:#9eacc3;font-size:13px;margin:8px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:20px;color:#71819d;font-size:12px;display:flex;justify-content:space-between;gap:20px}.mobile-toggle{display:none;border:0;background:none;font-size:25px;color:var(--billo-navy)}
@media(max-width:900px){.menu{display:none}.mobile-toggle{display:block}.nav-actions .btn-outline{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero{padding:65px 0}.dashboard-card{max-width:650px;margin:auto}.feature-grid,.pricing{grid-template-columns:1fr 1fr}.industries{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nav{height:68px}.brand img{width:125px}.nav-actions{gap:5px}.nav-actions .btn-primary{padding:10px 12px}.hero h1{font-size:43px}.hero p{font-size:16px}.dash-grid{grid-template-columns:1fr 1fr}.feature-grid,.pricing,.industries,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.cta-box{padding:35px 25px;display:block}.cta-box .btn{margin-top:22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}

/* WordPress fallback/archive templates */
.billo-page-wrap{min-height:60vh;padding:72px 20px;background:#f7faff}
.billo-fallback{max-width:1120px;margin:0 auto}
.billo-fallback .billo-card{background:#fff;border:1px solid #e5eaf2;border-radius:24px;padding:40px;box-shadow:0 12px 40px rgba(20,40,80,.06)}


/* Billo footer branding */
.footer-brand .footer-logo-wrap{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.footer-brand .footer-logo-icon{width:44px;height:44px;object-fit:contain;display:block}
.footer-brand .footer-logo-text{font-size:32px;line-height:1;font-weight:800;letter-spacing:-1.2px;color:#fff}
.footer-company-details{margin-top:18px;max-width:340px}
.footer-company-details p{margin:7px 0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.72)}
.footer-company-details strong{color:#fff;font-weight:650}
.site-footer .footer-brand>p{max-width:360px}
@media(max-width:700px){.footer-brand .footer-logo-icon{width:40px;height:40px}.footer-brand .footer-logo-text{font-size:28px}}

/* Elementor compatibility */
.elementor-page .site-header{position:relative;}
.billo-elementor-content{width:100%;}
.elementor .container{max-width:1180px;}