/*
Theme Name: Xcell Lifecycle
Author: Xcell IT Solutions
Description: Responsive IT asset lifecycle theme for Xcell IT Solutions.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: xcell-lifecycle
*/

:root{--bg:#101411;--bg-soft:#161d18;--text:#f5f5ef;--muted:#b9c4b9;--amber:#cee88d;--orange:#cee88d;--grad:linear-gradient(115deg,#d9efaa,#b4d576)}
.xc{font-family:Inter,Arial,sans-serif;line-height:1.65}.xc *{box-sizing:border-box}.xc p{color:#5d6c62}.xc h1,.xc h2,.xc h3{color:inherit}.xc a{color:inherit}.xc .inner{max-width:1200px;margin:auto;padding:0 32px}.xc .top{background:#101c15;color:#fff}.xc .head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px;border-bottom:1px solid #ffffff24}.xc .brand{font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.1}.xc .brand small{display:block;font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-top:7px;color:#c9d7c9}.xc nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.xc nav a{padding:10px 0}.xc .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 23px;background:#d5eda0;color:#19271c;border-radius:7px;font-weight:700;font-size:14px;border:1px solid transparent;text-decoration:none}.xc .outline{background:transparent;color:inherit;border-color:#ffffff50}.xc .hero2{padding-top:76px;padding-bottom:80px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:68px}.xc .tag{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#96b36a;display:block;margin-bottom:22px}.xc .top .tag{color:#d5eda0}.xc h1{font-size:clamp(38px,5.2vw,67px);letter-spacing:-2.8px;line-height:1.06;margin:0 0 25px}.xc h1 em{font-style:normal;color:#d5eda0}.xc .hero2 p{color:#c1cdc2;font-size:17px;max-width:540px}.xc .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.xc .asset{border:1px solid #ffffff26;border-radius:18px;padding:30px;background:#1d2c22;box-shadow:0 25px 80px #0003}.xc .asset-title{font-size:11px;letter-spacing:2px;color:#d5eda0;margin-bottom:27px}.xc .asset-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:17px 0;font-size:14px}.xc .asset-row b{color:#d5eda0;font-size:12px}.xc .asset-end{margin-top:25px;font-size:13px;color:#b9cbbb}.xc .strip{background:#e6ebdf;border-bottom:1px solid #d6dfcf}.xc .strip .inner{display:flex;gap:20px;justify-content:space-between;padding-top:21px;padding-bottom:21px;font-size:12px;font-weight:700}.xc .block{padding:80px 0}.xc h2{font-size:clamp(29px,3.5vw,43px);letter-spacing:-1.5px;max-width:740px}.xc .intro{max-width:650px}.xc .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.xc .tile{padding:28px;border:1px solid #d9e0d5;background:#fff;border-radius:10px}.xc .num{font-size:12px;color:#657b44;margin-bottom:29px;font-weight:700}.xc h3{font-size:19px;letter-spacing:-.4px;margin-bottom:12px}.xc .tile p{font-size:14px;margin:0}.xc .tint{background:#eaf0e3}.xc .two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.xc .check{padding:18px 0;border-bottom:1px solid #ccd7c5}.xc .check strong{display:block;margin-bottom:5px}.xc .check p{font-size:14px;margin:0}.xc .steps2{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:36px}.xc .steps2 article{border-top:2px solid #94ac79;padding-top:22px}.xc .steps2 p{font-size:14px}.xc details{border-bottom:1px solid #d2dccb;padding:20px 0}.xc summary{cursor:pointer;font-weight:650;min-height:30px}.xc details p{margin-top:14px;max-width:800px}.xc .cta{background:#d5eda0;border-radius:12px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:32px}.xc .cta h2{font-size:32px}.xc .cta p{margin-bottom:0;color:#405333}.xc .darkbtn{background:#19291d;color:#fff}.xc .footer2{padding:42px 0;background:#101c15;color:#fff}.xc .footer2 .inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.xc .footer2 p{color:#becabc;font-size:12px;margin-top:12px}.xc a:focus-visible,.xc summary:focus-visible{outline:3px solid #6a9434;outline-offset:5px}.xc a:hover{text-decoration:underline}.xc .button:hover{filter:brightness(.96)}
@media(max-width:850px){.xc .hero2{grid-template-columns:1fr;gap:35px;padding-top:48px}.xc .grid{grid-template-columns:repeat(2,1fr)}.xc .two{grid-template-columns:1fr;gap:25px}.xc .steps2{grid-template-columns:repeat(2,1fr)}.xc nav{gap:15px}.xc .strip .inner{flex-wrap:wrap;justify-content:center}.xc .block{padding:55px 0}}
@media(max-width:560px){.xc .inner{padding-left:20px;padding-right:20px}.xc .head{flex-wrap:wrap;gap:16px}.xc nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.xc nav .button{padding:10px 12px;font-size:12px}.xc h1{letter-spacing:-1.6px}.xc .grid{grid-template-columns:1fr}.xc .steps2{grid-template-columns:1fr}.xc .cta{padding:28px;display:block}.xc .cta .button{margin-top:23px}.xc .asset{padding:24px}.xc .actions .button{flex:1}.xc .footer2 a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{margin:0;background:#f6f7f2;color:#17251d;font-family:Arial,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:20px}.xc{font-size:16px}.xc h1,.xc h2,.xc h3{line-height:1.15;margin-top:0}.xc a{text-decoration:none}.xc p{margin:0 0 1em}.xc .block.inner{padding-top:80px;padding-bottom:80px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:100;background:white;padding:15px}.xc .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.xc label{display:block;font-size:14px;font-weight:600}.xc input,.xc select,.xc textarea{display:block;width:100%;min-height:48px;margin-top:7px;padding:13px;border:1px solid #a9b9a0;border-radius:6px;font:inherit;background:white;color:#17251d}.xc textarea{min-height:160px}.xc .wide{grid-column:1/-1}.xc .notice{padding:18px;background:#eaf0e3;border-left:4px solid #6b893f}.xc .honeypot{display:none}.xc .page-title{padding-top:65px;padding-bottom:45px}.xc .page-title h1{font-size:clamp(35px,5vw,60px);max-width:800px}.xc .page-content{max-width:850px;padding-bottom:70px}.xc .page-content a{text-decoration:underline}.xc .page-content h2{margin-top:35px}.xc .top .head .brand{color:white}.xc .tag{color:#577638}.xc .top .tag{color:#d5eda0}@media(max-width:560px){.xc .form-grid{grid-template-columns:1fr}.xc .block.inner{padding-top:50px;padding-bottom:50px}}

/* Orange identity and fluid interaction refinement */
:root{--bg:#100c09;--bg-soft:#18110c;--text:#fbf5ef;--muted:#c6b9af;--amber:#fbbf24;--orange:#f97316;--grad:linear-gradient(115deg,#fbbf24,#f97316 58%,#ea580c)}
html{scroll-behavior:smooth;scroll-padding-top:130px}body{background:var(--bg);color:var(--text)}
.xc{font-family:Inter,'Segoe UI',Arial,sans-serif}.xc p{color:var(--muted)}
.xc>.top:first-child{position:sticky;top:0;z-index:90;background:rgba(16,12,9,.92);backdrop-filter:blur(20px);transition:box-shadow .3s,background .3s}
.xc>.top.scrolled{box-shadow:0 12px 40px #0005;background:rgba(16,12,9,.97)}
.xc .top{background:#100c09;color:var(--text)}.xc .head{padding-top:18px;padding-bottom:18px;border-color:#ffffff12}
.xc .brand{letter-spacing:-.9px}.xc .brand small{color:#bbaea2}.xc nav a{transition:color .2s,background .2s}.xc nav a:not(.button):hover{color:#ffb560;text-decoration:none}
.xc .button{background:var(--grad);color:#1b0e05;border-radius:12px;box-shadow:0 4px 20px #f9731610;transition:transform .25s,box-shadow .25s,border-color .25s;font-weight:750}
.xc .button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f9731630;text-decoration:none;filter:none}
.xc .outline{background:#ffffff04;color:var(--text);border-color:#ffffff30}.xc .outline:hover{border-color:#f97316;box-shadow:0 10px 30px #0003}
.xc .hero2{padding-top:clamp(48px,7vw,100px);padding-bottom:clamp(55px,8vw,110px);position:relative;gap:clamp(35px,5vw,75px)}
.xc #main>.top{overflow:hidden;background:radial-gradient(ellipse at 83% 35%,#f973161c,transparent 49%),radial-gradient(ellipse at 8% 80%,#fbbf2409,transparent 50%),#100c09}
.xc .hero2:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #f9731617;border-radius:50%;right:7%;top:8%;pointer-events:none;animation:orbit 16s ease-in-out infinite alternate}
.xc h1{font-size:clamp(38px,5.3vw,70px);line-height:1.06;letter-spacing:-2.5px}.xc h1 em{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}
.xc .tag,.xc .num{color:#ffad62}.xc .top .tag{color:#ffb968}.xc .hero2 p{color:#c6b9af;line-height:1.8}
.xc .asset{position:relative;background:linear-gradient(135deg,#28190f,#18110c);border-color:#f9731636;border-radius:24px;box-shadow:0 25px 85px #0005;animation:float 8s ease-in-out infinite;overflow:hidden}
.xc .asset:before,.xc .tile:before{content:'';position:absolute;inset:0;background:radial-gradient(330px circle at var(--px,50%) var(--py,30%),#f9731617,transparent 70%);pointer-events:none}
.xc .asset-title,.xc .asset-row b{color:#ffb25e}.xc .asset-row{border-color:#ffffff13}.xc .asset-end{color:#bdaea2}
.xc .strip{background:#1b120d;border-color:#f9731626;color:#e9b186}.xc .strip .inner{font-size:11px;letter-spacing:.9px;padding-top:24px;padding-bottom:24px}
.xc .block{padding:clamp(60px,7vw,100px) 0}.xc .block.inner{padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(60px,7vw,100px)}
.xc h2{line-height:1.15;letter-spacing:-1.5px}.xc .grid{gap:20px}.xc .tile{position:relative;background:linear-gradient(145deg,#21170f,#17110d);border:1px solid #ffffff13;border-radius:20px;padding:32px;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.xc .tile:hover{transform:translateY(-7px);border-color:#f9731670;box-shadow:0 22px 45px #0004}.xc .tile .num{display:inline-block;border:1px solid #f9731630;padding:7px 10px;border-radius:8px;background:#f973160b;margin-bottom:30px;font-size:10px;letter-spacing:1px}
.xc .tile h3{font-size:21px}.xc .tile p{line-height:1.8}.xc .tint{background:#17100c;border-top:1px solid #ffffff07;border-bottom:1px solid #ffffff07}.xc .check,.xc details{border-color:#ffffff17}
.xc .steps2 article{border-top-color:#f9731670}.xc .steps2 .num{display:block;margin-bottom:16px;font-size:16px}.xc summary{padding-right:20px;transition:color .2s}.xc summary:hover,.xc details[open] summary{color:#ffb25e}.xc details p{line-height:1.8}
.xc .cta{background:radial-gradient(ellipse at 90% 0,#ffc55e,transparent 65%),linear-gradient(120deg,#fba62b,#f97316);color:#201007;border-radius:24px;padding:clamp(30px,5vw,60px);box-shadow:0 15px 70px #f9731612}
.xc .cta .tag{color:#5c2c0b}.xc .cta p{color:#512a10}.xc .darkbtn{background:#25170f;color:#fff3e8}.xc .footer2{background:#0d0907;border-top:1px solid #ffffff12;padding:50px 0}.xc .footer2 p{color:#b5a69a}
.xc input,.xc select,.xc textarea{background:#21170f;border-color:#60432e;color:#fbf5ef;border-radius:10px}.xc input:focus,.xc select:focus,.xc textarea:focus{outline:2px solid #fb923c;outline-offset:2px}.xc input::placeholder,.xc textarea::placeholder{color:#ac9a8c}.xc .notice{background:#2a1b0f;border-color:#f97316}.xc a:focus-visible,.xc summary:focus-visible{outline-color:#fb923c}
.motion-ready{opacity:0;translate:0 18px;transition:opacity .65s,translate .65s}.motion-ready.visible{opacity:1;translate:0 0}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbit{from{transform:translate(-12px,0) scale(1)}to{transform:translate(18px,25px) scale(1.15)}}
@media(max-width:850px){.xc .hero2{grid-template-columns:1fr}.xc .asset{max-width:650px;width:100%;animation:none}.xc .hero2:before{display:none}}
@media(max-width:560px){html{scroll-padding-top:150px}.xc .head{padding-top:15px;padding-bottom:15px;gap:14px}.xc nav{gap:6px;flex-wrap:wrap}.xc nav .button{min-height:44px;padding:10px}.xc h1{letter-spacing:-1.7px}.xc .tile{padding:27px}.xc .asset-row{gap:12px;font-size:13px}.xc .asset-title{line-height:1.7}.xc .button:hover{transform:none}.xc .cta h2{font-size:29px}.xc .strip .inner{gap:14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready{opacity:1;translate:none}}

/* Official Xcell logo */
.xc .brand{display:inline-block;flex:0 0 auto}.xc .site-logo{display:block;width:124px;height:auto;max-width:100%;object-fit:contain}.xc .head{padding-top:10px;padding-bottom:10px}.xc .footer2 .site-logo{width:155px}.xc .footer2 .brand p{font-weight:400;letter-spacing:0;font-size:12px;line-height:1.65;margin-top:18px}@media(max-width:560px){.xc .head .site-logo{width:104px}.xc .head{gap:10px;padding-top:10px;padding-bottom:12px}.xc .footer2 .site-logo{width:140px}}

/* Compact logo sizing; intrinsic dimensions also set in markup. */
.xc .head{min-height:80px;padding-top:10px;padding-bottom:10px}.xc .head .brand{line-height:0;max-width:84px}.xc .head .site-logo{width:84px;max-height:60px}.xc .footer2 .site-logo{width:112px;max-height:80px}.xc .footer2 .brand{max-width:310px}.xc .head nav{flex:0 1 auto}.admin-bar .xc>.top:first-child{top:32px}@media(max-width:782px){.admin-bar .xc>.top:first-child{top:46px}}@media(max-width:560px){.xc .head{min-height:0;padding-top:10px;padding-bottom:12px;gap:12px}.xc .head .brand{max-width:74px}.xc .head .site-logo{width:74px!important;max-height:53px}.xc .head nav{width:100%}.xc .footer2 .site-logo{width:104px!important}}

/* Fluid logo and balanced navigation */
.xc .head{position:relative;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(20px,4vw,56px);min-height:84px;padding-top:10px;padding-bottom:10px}
.xc .head .brand{display:flex;align-items:center;flex:0 0 auto;max-width:none;line-height:1}
.xc .head .site-logo{width:clamp(76px,7.5vw,104px)!important;height:auto;max-height:none;aspect-ratio:320/227;object-fit:contain}
.xc .head nav.desktop-nav{display:flex;flex:0 1 auto;flex-wrap:nowrap;width:auto;margin-left:auto;gap:clamp(16px,2.3vw,32px);align-items:center}
.xc .head nav.desktop-nav a{white-space:nowrap}.xc .footer2 .site-logo{width:clamp(96px,9vw,128px)!important;height:auto;max-height:none;aspect-ratio:320/227}
.xc .mobile-menu{display:none}.xc .head nav a{line-height:1.3}.xc .head nav .button{padding:13px 20px;min-height:46px}
@media(max-width:680px){
html{scroll-padding-top:100px}.xc .head{min-height:76px;flex-wrap:nowrap;gap:20px;padding-top:9px;padding-bottom:9px}
.xc .head .site-logo{width:clamp(76px,14vw,88px)!important}.xc .head nav.desktop-nav{display:none}
.xc .head .mobile-menu{display:block;margin:0;padding:0;border:0;flex:0 0 auto}
.xc .mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:12px;list-style:none;min-height:44px;padding:10px 15px;border:1px solid #ffffff30;border-radius:10px;font-size:14px;color:#fff5eb;background:#ffffff06}
.xc .mobile-menu summary::-webkit-details-marker{display:none}.xc .mobile-menu summary span{font-size:17px}.xc .mobile-menu[open] summary{border-color:#f97316;color:#ffb25e}
.xc .head .mobile-menu nav{position:absolute;top:calc(100% + 8px);left:20px;right:20px;width:auto;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:12px;margin:0;background:#1c130d;border:1px solid #f9731638;border-radius:15px;box-shadow:0 18px 45px #0008}
.xc .mobile-menu nav a{display:flex;align-items:center;min-height:46px;padding:12px 15px;border-radius:8px;font-size:15px}.xc .mobile-menu nav a:hover{background:#ffffff08}.xc .mobile-menu nav .button{margin-top:5px;justify-content:center}
}

/* Smaller continuous proportional scaling across phone, tablet and desktop. */
.xc .head .site-logo{width:clamp(58px,calc(46px + 3vw),88px)!important;height:auto!important;max-height:none;aspect-ratio:320/227;object-fit:contain;flex-shrink:0}
.xc .head{min-height:70px;padding-top:8px;padding-bottom:8px}
.xc .footer2 .site-logo{width:clamp(76px,calc(60px + 3vw),108px)!important;height:auto!important;max-height:none;aspect-ratio:320/227}
@media(max-width:680px){.xc .head{min-height:64px;padding-top:9px;padding-bottom:9px;align-items:center}.xc .head .site-logo{width:clamp(58px,calc(46px + 3vw),88px)!important}.xc .mobile-menu summary{font-size:13px;min-height:42px;padding:9px 13px;gap:10px}.xc .mobile-menu summary span{font-size:15px}}

.xc .footer2 .site-logo{width:clamp(52px,calc(42px + 2vw),72px)!important;height:auto!important;aspect-ratio:320/227;object-fit:contain}

/* Professional footer: brand, navigation, services and enquiry. */
.xc .footer-professional{padding:0;background:linear-gradient(160deg,#130d09,#0c0907);border-top:1px solid #f9731633}
.xc .footer-professional .footer-main{display:grid;grid-template-columns:1.35fr .85fr 1.2fr 1.15fr;gap:clamp(24px,4vw,56px);padding-top:60px;padding-bottom:48px;align-items:start}
.xc .footer-professional h2{font-size:11px;line-height:1.5;letter-spacing:1.8px;text-transform:uppercase;color:#f6e9dc;font-weight:700;margin:0 0 22px}
.xc .footer-professional p{font-size:13px;line-height:1.8;color:#a99c90;margin:0 0 14px}
.xc .footer-professional .footer-name{font-weight:700;font-size:15px;color:#f6e9dc;margin-top:20px;margin-bottom:10px}
.xc .footer-brand{max-width:260px}.xc .footer-location{display:inline-block;margin-top:5px;font-size:12px;color:#d0b49a;border-left:2px solid #f97316;padding-left:10px}
.xc .footer-professional nav.footer-links{display:block;font-weight:400}.xc .footer-links ul{list-style:none;padding:0;margin:0}.xc .footer-links li{margin:0}
.xc .footer-links a{display:inline-flex;min-height:34px;align-items:center;font-size:13px;color:#b6a99c;padding:5px 0;line-height:1.5;transition:color .2s,translate .2s}.xc .footer-links a:hover{color:#ffb260;translate:3px 0;text-decoration:none}
.xc .footer-professional .footer-contact{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding:13px 0;border-top:1px solid #ffffff16;border-bottom:1px solid #f9731660;font-size:14px;font-weight:650;color:#ffb260}.xc .footer-contact span{font-size:20px}.xc .footer-contact:hover{text-decoration:none;color:white}
.xc .footer-professional .footer-note{font-size:12px;color:#87796c;margin-top:17px}
.xc .footer-professional .footer-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #ffffff10;padding-top:22px;padding-bottom:24px}
.xc .footer-professional .footer-bottom p{font-size:11px;margin:0;color:#8c7f73}.xc .footer-bottom>div{display:flex;gap:24px;flex-wrap:wrap}.xc .footer-bottom a{font-size:11px;color:#b6a99c;min-height:30px;display:inline-flex;align-items:center;gap:7px}
@media(max-width:900px){.xc .footer-professional .footer-main{grid-template-columns:1fr 1fr;gap:36px 48px}}
@media(max-width:560px){.xc .footer-professional .footer-main{grid-template-columns:1fr 1fr;gap:32px 22px;padding-top:38px;padding-bottom:30px}.xc .footer-brand{grid-column:1/-1;max-width:290px}.xc .footer-enquiry{grid-column:1/-1;padding-top:24px;border-top:1px solid #ffffff12}.xc .footer-professional h2{margin-bottom:14px}.xc .footer-links a{min-height:40px;font-size:12px}.xc .footer-professional .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.xc .footer-professional .footer-contact{max-width:320px}.xc .footer-professional .footer-note{margin-bottom:0}}