/*
Theme Name: Better Standard Coming Soon
Theme URI: https://betterstandard.ng/
Author: Better Standard Serviceworks Limited
Description: A minimal one-page coming-soon theme for Better Standard using its approved brand identity.
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: better-standard-coming-soon
License: GPL-2.0-or-later
*/
:root{--forest:#0d5635;--green:#14945e;--mint:#6ce0ab;--deep:#073d27;--white:#fff;--cream:#f6fffb;--line:rgba(255,255,255,.18);--soft:rgba(255,255,255,.08)}
*{box-sizing:border-box}
html{height:100%;scroll-behavior:smooth}
body{min-height:100%;margin:0;background:radial-gradient(circle at top,#166d47 0%,#0d5635 40%,#083d29 100%);color:var(--white);font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 18%,rgba(108,224,171,.16),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 25%);pointer-events:none;z-index:0}
.screen{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0 clamp(22px,5vw,72px);opacity:0;transform:scale(1.045);animation:screenReveal .9s cubic-bezier(.16,1,.3,1) 1s forwards}
.screen::before,.screen::after{display:none}


.center,.foot{position:relative;z-index:1}
.boot-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f6641 0%,#0d5635 60%,#083d29 100%);z-index:40;animation:splashOut .7s cubic-bezier(.7,0,.84,0) 1.05s forwards}
.boot-logo-card{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;box-shadow:none}
.boot-logo-card{padding:0;transform:scale(.88);animation:bootPulse .72s cubic-bezier(.16,1,.3,1) .14s forwards}
.boot-logo{display:block;width:min(62vw,450px);height:auto}

.center{flex:1;width:100%;max-width:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 0 54px}
.label{font:600 11px/1.5 'Montserrat',sans-serif;letter-spacing:.29em;text-transform:uppercase;color:var(--mint);margin:0 0 18px}
h1{font:700 clamp(58px,9vw,128px)/1.02 'Montserrat',system-ui,sans-serif;letter-spacing:-.06em;margin:0;color:var(--white);text-wrap:balance}
h1 .period{color:var(--mint)}
.subhead{font-size:clamp(18px,2vw,24px);line-height:1.6;color:rgba(246,255,251,.86);margin:20px 0 0;font-weight:400}
.divider{width:74px;height:3px;background:var(--mint);margin:34px 0 28px;border-radius:999px}
.connect{font-size:13px;letter-spacing:.03em;color:rgba(246,255,251,.78);margin:0 0 18px}
.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:850px}
.social{min-width:155px;min-height:54px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 10px 26px rgba(1,25,16,.08);color:var(--white);font:600 13px/1.25 'Montserrat',sans-serif;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease}
.social svg{width:19px;height:19px;flex:none;stroke:currentColor}
.social:hover{transform:translateY(-2px);background:var(--cream);border-color:rgba(255,255,255,.75);box-shadow:0 12px 28px rgba(1,25,16,.14);color:var(--forest)}
.foot{width:100%;border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:18px 0 23px;color:rgba(246,255,251,.68);font-size:11px;line-height:1.7}
.foot strong{font-weight:500;color:var(--white)}
.skip{position:absolute;top:-100px;left:20px;background:#fff;color:#052e20;padding:10px;z-index:60}.skip:focus{top:20px}
@keyframes bootPulse{0%{transform:scale(.86);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes splashOut{to{opacity:0;visibility:hidden;transform:scale(1.08)}}
@keyframes screenReveal{to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.center{padding:18px 0 50px}.label{font-size:10px;margin-bottom:15px}h1{font-size:clamp(52px,14vw,84px)}.subhead{margin-top:16px;font-size:18px}.divider{margin:25px 0 22px}.socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:min(100%,400px)}.social{min-width:0;padding:0 12px;min-height:52px}.screen::before{width:118vw;height:118vw}.screen::after{width:88vw;height:88vw}.boot-logo-card{padding:0}}
@media(max-width:360px){h1{font-size:47px}.social{gap:7px;font-size:12px;padding:0 6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.screen{opacity:1;transform:none}.boot-splash{display:none}}