/*
Theme Name: Lumiqs Ops
Theme URI: https://lumiqs.store
Author: Lumiqs Ops
Description: Premium WooCommerce-ready theme for an independent DevOps practice.
Version: 1.4.0
Text Domain: lumiqs-ops
*/

:root{--ink:#0b1220;--panel:#111b2e;--line:#25334b;--muted:#9aa9bf;--paper:#f5f7fb;--blue:#3b82f6;--cyan:#67e8f9;--amber:#f6c453;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#eef4ff;font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{font-family:Manrope,Inter,sans-serif;line-height:1.08;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(46px,7vw,92px)}h2{font-size:clamp(34px,5vw,58px)}h3{font-size:24px}p{margin:0 0 20px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;gap:34px}.brand{font:700 21px Manrope,sans-serif;letter-spacing:-.03em;margin-right:auto}.brand span{color:var(--cyan)}.menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.menu a{font-size:14px;color:#c9d5e7}.menu a:hover{color:white}.nav-cta,.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--blue)!important;color:white!important;padding:14px 22px!important;font-weight:700;transition:.2s}.nav-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.25)}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(11,18,32,.98) 0%,rgba(11,18,32,.86) 45%,rgba(11,18,32,.15) 100%),url('assets/lumiqs-cloud-hero.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,var(--ink))}.hero-content{position:relative;z-index:2;max-width:760px;padding:100px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy{max-width:650px;color:#b9c7db;font-size:19px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button.secondary{background:transparent!important;border:1px solid #52627c;color:#e6edf8!important}.trust-row{display:flex;gap:34px;flex-wrap:wrap;margin-top:70px;color:#93a4bb;font-size:13px}.trust-row strong{display:block;color:#fff;font-size:18px}.section{padding:110px 0}.section.alt{background:#0e1728}.section.light{background:var(--paper);color:#142036}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}.section-head p{color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));min-height:260px}.card .num{font:700 12px ui-monospace,monospace;color:var(--cyan);margin-bottom:55px}.card p{color:var(--muted)}.card:hover{border-color:#49617f;transform:translateY(-3px);transition:.25s}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{background:var(--ink);padding:32px}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--cyan);font:700 12px ui-monospace,monospace;margin-bottom:45px}.step p{color:var(--muted)}.cta-panel{padding:65px;border-radius:28px;background:linear-gradient(120deg,#163361,#111b2e);border:1px solid #33558b;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{font-size:clamp(32px,4vw,52px);margin-bottom:0}.site-footer{padding:70px 0 30px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-links{display:grid;gap:10px}.legal{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;color:#728299;font-size:13px}.page-hero{padding:120px 0 75px;border-bottom:1px solid var(--line)}.page-hero p{max-width:720px;font-size:19px;color:var(--muted)}.content{padding:80px 0}.content-narrow{max-width:820px}.content h2{margin-top:55px;font-size:36px}.content h3{margin-top:34px}.content ul{color:var(--muted)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature{padding:28px;border:1px solid var(--line);border-radius:16px}.feature p{color:var(--muted)}.woocommerce .products ul,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:white;font-size:22px}.woocommerce div.product,.woocommerce-cart-form,.woocommerce-checkout,.woocommerce-account .woocommerce-MyAccount-content{color:#172033;background:var(--paper);padding:34px;border-radius:18px}.woocommerce table.shop_table{background:white}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce select{padding:13px;border:1px solid #cbd5e1;border-radius:8px}.woocommerce-message,.woocommerce-info{border-top-color:var(--blue)}.woocommerce-error,.woocommerce-info,.woocommerce-message{color:#172033}.empty-shop{text-align:center;padding:80px 20px;border:1px dashed #40506a;border-radius:20px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){.menu{display:none}.mobile-toggle{display:block}.nav.open .menu{display:flex;position:absolute;top:78px;left:0;right:0;background:#0b1220;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-cta{display:none}.section-head,.footer-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.hero{min-height:680px;background-position:62% center}.hero-content{padding:80px 0}.feature-list{grid-template-columns:1fr}.woocommerce .products ul,.woocommerce ul.products{grid-template-columns:1fr!important}.cta-panel{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.section{padding:75px 0}.steps{grid-template-columns:1fr}.hero{min-height:620px}.trust-row{margin-top:45px}.page-hero{padding:85px 0 55px}.legal{flex-direction:column;gap:8px}}
.woocommerce-products-header,.woocommerce-placeholder{display:none!important}.woocommerce ul.products li.product{padding:28px;border-color:#d7dfec;background:#fff}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#172033}.woocommerce ul.products li.product .price{color:#2563eb!important;font-weight:700}
.site-header .brand,.site-header .menu a,.site-footer a{color:#eef4ff!important}.site-header .brand span,.site-footer .brand span{color:var(--cyan)!important}

/* Lumiqs Ivory — light luxury visual system */
:root{--ink:#f7f3ea;--panel:#fffdf8;--line:#d9d0c1;--muted:#6f6a62;--paper:#fffdf8;--blue:#2f5d62;--cyan:#b18a52;--amber:#b18a52}
body{background:#f7f3ea;color:#2a2926}
.site-header{background:rgba(255,253,248,.9);border-color:rgba(87,75,58,.14);box-shadow:0 8px 30px rgba(70,58,39,.04)}
.site-header .brand,.site-header .menu a,.site-footer a{color:#292824!important}
.site-header .brand span,.site-footer .brand span{color:#a67c42!important}
.menu a:hover{color:#a67c42!important}
.mobile-toggle{color:#292824}
.nav-cta,.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#2f5d62!important;color:#fff!important;box-shadow:0 8px 24px rgba(47,93,98,.14)}
.nav-cta:hover,.button:hover{box-shadow:0 14px 30px rgba(47,93,98,.2)}
.hero{min-height:760px;border-color:#ded6c9;background:linear-gradient(90deg,rgba(250,247,240,.98) 0%,rgba(250,247,240,.95) 42%,rgba(250,247,240,.38) 68%,rgba(250,247,240,.08) 100%),url('assets/lumiqs-ivory-hero-v2.png') center/cover no-repeat}
.hero:after{background:linear-gradient(180deg,transparent 76%,#f7f3ea)}
.hero h1{color:#262521;max-width:760px}.hero h1 em{color:#a67c42}
.hero-copy{color:#68635b}.eyebrow{color:#9b7440}
.button.secondary{border-color:#b8ad9e;color:#34312d!important;background:rgba(255,253,248,.65)!important}
.trust-row{color:#7e776d}.trust-row strong{color:#292824}
.section.alt{background:#efe8dc}.section.light{background:#fffdf8;color:#292824}
.section-head p,.card p,.step p,.feature p,.content ul{color:#6f6a62}
.card{background:rgba(255,253,248,.75);border-color:#d8cfc1;box-shadow:0 18px 50px rgba(83,68,46,.06)}
.card:hover{border-color:#b99a6d;box-shadow:0 22px 55px rgba(83,68,46,.1)}
.card .num,.step:before{color:#a67c42}
.steps{border-color:#d5cbbc;background:#d5cbbc;border-radius:20px;overflow:hidden}
.step{background:#fffdf8}
.cta-panel{background:linear-gradient(130deg,#315e62,#416f72);border-color:#547d7f;color:#fff;box-shadow:0 24px 65px rgba(47,93,98,.18)}
.cta-panel .muted{color:#dbe8e7}
.site-footer{border-color:#d9d0c1;background:#eee6da}
.legal{border-color:#d4c9ba;color:#756e64}
.page-hero{background:linear-gradient(135deg,#f3ecdf,#fffdf8);border-color:#d9d0c1}
.page-hero p{color:#6f6a62}
.content{background:#fffdf8;color:#292824}
.feature{background:#fff;border-color:#ddd4c7;box-shadow:0 12px 35px rgba(83,68,46,.05)}
.woocommerce div.product,.woocommerce-cart-form,.woocommerce-checkout,.woocommerce-account .woocommerce-MyAccount-content{background:#fff;color:#292824;box-shadow:0 16px 45px rgba(83,68,46,.07)}
.woocommerce-info,.woocommerce-message{background:#fff;color:#292824;border-top-color:#a67c42}
.woocommerce ul.products li.product{border-color:#ddd4c7;background:#fff}
.woocommerce ul.products li.product .price{color:#2f5d62!important}
@media(max-width:900px){.nav.open .menu{background:#fffdf8;border-color:#d9d0c1}.hero{background-position:66% center;background-image:linear-gradient(90deg,rgba(250,247,240,.98) 0%,rgba(250,247,240,.9) 58%,rgba(250,247,240,.32) 100%),url('assets/lumiqs-ivory-hero-v2.png')}}
@media(max-width:560px){.hero{background-position:70% center;background-image:linear-gradient(90deg,rgba(250,247,240,.98) 0%,rgba(250,247,240,.88) 72%,rgba(250,247,240,.45) 100%),url('assets/lumiqs-ivory-hero-v2.png')}}

/* Editorial typography: luxury serif headlines, restrained modern UI */
body{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,.page-hero h1,.cta-panel h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.025em}
h3,.brand,.nav,.button,.eyebrow,.trust-row{font-family:Manrope,Inter,sans-serif}
.hero h1{line-height:1.01}
.section-head h2,.page-hero h1{line-height:1.05}

/* Expanded homepage */
.split-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.split-feature.reverse{grid-template-columns:.92fr 1.08fr}.split-feature.reverse .split-media{order:2}.split-media{border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(83,68,46,.12)}.split-media img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover}.split-copy h2{font-size:clamp(38px,4.7vw,64px)}.split-copy p{color:#6f6a62;font-size:18px}.check-list{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-list li{position:relative;padding-left:28px;color:#3d3a35}.check-list li:before{content:"✓";position:absolute;left:0;color:#2f5d62;font-weight:800}.text-link{display:inline-flex;align-items:center;gap:10px;color:#2f5d62;font-weight:700;border-bottom:1px solid rgba(47,93,98,.35);padding-bottom:4px}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(4px)}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.outcome{padding:30px;border-top:2px solid #b18a52;background:#fffdf8}.outcome strong{font:700 12px Manrope,sans-serif;color:#a67c42}.outcome h3{margin-top:44px}.outcome p{color:#6f6a62}.principle-list{display:grid;gap:1px;margin-top:32px;background:#d8cfc1;border:1px solid #d8cfc1}.principle-list div{display:grid;grid-template-columns:130px 1fr;gap:20px;background:#fffdf8;padding:22px}.principle-list b{color:#2f5d62}.principle-list span{color:#6f6a62}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fit-grid div{padding:25px 25px 25px 52px;background:#fffdf8;border:1px solid #d9d0c1;position:relative;font-weight:600}.fit-grid div:before{content:"";position:absolute;left:24px;top:32px;width:10px;height:10px;border-radius:50%;background:#a67c42;box-shadow:0 0 0 5px rgba(177,138,82,.13)}.faq-preview{border-top:1px solid #d9d0c1}.faq-preview details{border-bottom:1px solid #d9d0c1;padding:0}.faq-preview summary{cursor:pointer;list-style:none;font:600 21px Manrope,sans-serif;padding:25px 48px 25px 0;position:relative}.faq-preview summary:after{content:"+";position:absolute;right:5px;color:#a67c42;font-size:28px}.faq-preview details[open] summary:after{content:"–"}.faq-preview details p{max-width:780px;color:#6f6a62;padding:0 0 24px}.faq-more{margin-top:28px}.closing-section{padding-top:40px}
@media(max-width:900px){.split-feature,.split-feature.reverse{grid-template-columns:1fr;gap:42px}.split-feature.reverse .split-media{order:0}.outcome-grid{grid-template-columns:1fr 1fr}.fit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.check-list,.outcome-grid,.fit-grid{grid-template-columns:1fr}.split-media{border-radius:18px}.split-copy h2{font-size:42px}.principle-list div{grid-template-columns:1fr;gap:5px}.outcome h3{margin-top:24px}}

/* Brand symbol */
.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.brand-name{white-space:nowrap}.brand-name b{color:#a67c42;font-weight:700}.footer-brand .brand-mark{width:58px;height:58px}
@media(max-width:560px){.brand-mark{width:42px;height:42px}.brand-name{font-size:18px}.footer-brand .brand-mark{width:50px;height:50px}}
