/*
Theme Name: eCloudCard Fresh Website
Author: eCloudCard
Description: A clean, independent white-label reseller website with six new pages and private inquiries.
Version: 1.0.8
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--ink:#132f40;--muted:#526671;--blue:#135ad8;--lime:#d3fa85;--line:#dce5e7;--paper:#f6f8f5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue)}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #eea12e;outline-offset:4px}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand svg{width:38px;height:38px}.brand em{font-style:normal;color:var(--blue)}.site-nav{display:flex;gap:25px;align-items:center}.site-nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:650}.site-nav a[aria-current=page]{color:var(--blue)}.site-nav .login-link{padding:10px 20px;border:1px solid var(--ink);border-radius:8px}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:8px;padding:8px 14px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:10px;z-index:100;background:#fff;padding:10px}.hero{background:var(--paper);padding:66px 0 0}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-bottom:64px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:var(--blue);margin:0 0 20px}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(38px,4.8vw,70px);font-weight:750;margin:0 0 24px}h2{font-size:clamp(28px,3vw,39px);margin:0 0 24px}h3{font-size:23px}.hero-lead{font-size:21px;line-height:1.6;color:var(--muted);max-width:580px;margin:0 0 28px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border:0;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-size:15px;font-weight:750;cursor:pointer;min-height:50px;text-align:center}.button.alt{background:#fff;color:var(--ink);border:1px solid #c8d2d7}.hero-media{position:relative}.hero-media img{display:block;width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:22px}.image-note{position:absolute;left:22px;bottom:22px;background:#fff;padding:15px 20px;border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 8px 30px #132f4020}.image-note span{display:block;color:var(--muted);font-weight:400}.highlights{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #d9e2da;padding:22px 0;font-size:13px;font-weight:700}.highlights span:before{content:'✓';color:#337333;margin-right:9px}.story-grid{display:grid;grid-template-columns:280px minmax(0,790px);gap:85px;padding:72px 0 80px;justify-content:space-between}.story-aside{align-self:start;position:sticky;top:28px}.story-aside p{color:var(--muted);font-size:15px}.mini-label{font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--blue)}.story-content section{margin-bottom:48px}.story-content p{color:#425761;margin:0}.story-content section:first-child p{font-size:18px}.cta-band{background:var(--ink);color:white;padding:54px 0}.cta-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-band h2{max-width:740px;margin-bottom:12px}.cta-band p{margin:0;color:#cfdae0}.cta-band .button{background:var(--lime);color:var(--ink);flex-shrink:0}.site-footer{padding:45px 0 24px;background:#f1f5f3}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{color:var(--ink);text-decoration:none;font-size:14px}.footer-bottom{font-size:12px;color:var(--muted);border-top:1px solid #d8e1dc;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;gap:20px}.inquiry-area{padding:65px 0;background:#edf3fa;scroll-margin-top:24px}.form-shell{max-width:960px;margin:auto}.form-heading{text-align:center;max-width:730px;margin:0 auto 30px}.form-heading p{color:var(--muted)}.inquiry-form{padding:34px;background:#fff;border:1px solid #d9e3ee;border-radius:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-form label{display:block;font-size:14px;font-weight:650;margin-bottom:19px}.form-grid label{margin:0}.form-grid{margin-bottom:20px}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select{display:block;width:100%;padding:11px 13px;border:1px solid #9eafbb;border-radius:7px;margin-top:6px;background:white;color:var(--ink);font-size:16px}.inquiry-form textarea{resize:vertical}.inquiry-form .consent{display:flex;gap:10px;font-weight:400;align-items:start}.consent input{margin-top:6px;width:18px;height:18px;flex-shrink:0}.form-note{font-size:13px;color:var(--muted);margin-bottom:0}.notice{border:1px solid #8baaca;background:#f3f8ff;padding:16px;border-radius:8px}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.login-panel{padding:35px;border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-bottom:40px}.login-panel p{margin:0 0 20px!important}.site-error{padding:100px 0;min-height:50vh}@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.hero-grid{gap:30px}.site-nav{gap:15px}.story-grid{grid-template-columns:220px 1fr;gap:35px}.brand{font-size:22px}}@media(max-width:760px){.header-row{min-height:78px;flex-wrap:wrap;gap:0;padding:16px 0}.menu-toggle{display:block}.site-nav{width:100%;display:none;flex-direction:column;align-items:stretch;padding-top:20px;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:12px}.hero{padding-top:38px}.hero-grid{grid-template-columns:1fr;padding-bottom:35px;gap:30px}.hero-media img{aspect-ratio:1.5}.highlights{flex-wrap:wrap;gap:10px 25px}.story-grid{display:block;padding:42px 0}.story-aside{position:static;margin-bottom:32px;padding-bottom:25px;border-bottom:1px solid var(--line)}.story-content section{margin-bottom:35px}.cta-inner,.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.inquiry-form{padding:23px}.inquiry-area{padding:42px 0}h1{font-size:43px}.image-note{font-size:12px;padding:12px;left:14px;bottom:14px}}@media(prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-1px)}.button{transition:transform .15s}}

.phone-showcase{padding:64px 0;border-bottom:1px solid var(--line)}.phone-showcase-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;align-items:center;max-width:1100px}.phone-showcase-image{text-align:center}.phone-showcase-image img{width:100%;max-width:320px;height:auto;display:block;margin:auto}.phone-showcase p:not(.eyebrow){color:var(--muted);max-width:580px;margin-bottom:26px}@media(max-width:760px){.phone-showcase-grid{grid-template-columns:1fr;gap:32px}.phone-showcase-image img{max-width:260px}.phone-showcase{padding:40px 0}}

.phone-feature-list{list-style:none;margin:0 0 28px;padding:0}.phone-feature-list li{position:relative;padding:9px 0 9px 29px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5}.phone-feature-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}

/* Home page title hierarchy. */
.home .hero .eyebrow{font-size:clamp(18px,2vw,25px);line-height:1.35;letter-spacing:.08em;margin-bottom:20px}
.home .hero h1{font-size:clamp(35px,4vw,58px)}
@media(max-width:760px){.home .hero .eyebrow{font-size:19px}.home .hero h1{font-size:38px}}

.business-steps{padding:65px 0;background:#f6f8fc}.steps-heading{max-width:760px;margin-bottom:35px}.business-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.business-step{border:1px solid #dce3ee;border-radius:15px;overflow:hidden;background:#fff}.business-step>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#030124}.business-step-copy{padding:23px}.step-number{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--blue)}.business-step h3{font-size:23px;line-height:1.2;margin:13px 0 16px}.business-step p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.steps-action{text-align:center;margin-top:35px}@media(max-width:1100px){.business-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.business-steps-grid{grid-template-columns:1fr}.business-steps{padding:42px 0}.business-step>img{max-height:320px}.business-step-copy{padding:25px}}

.training-banner{background:var(--blue);color:#fff;text-align:center;padding:15px 0;font-size:clamp(18px,2.2vw,25px);line-height:1.4;font-weight:750;letter-spacing:-.015em}

.home .hero .boss-headline{font-size:clamp(35px,4vw,58px);font-weight:750;line-height:1.13;letter-spacing:-.045em;color:var(--ink);margin:0 0 20px}@media(max-width:760px){.home .hero .boss-headline{font-size:38px}}
