/*
Theme Name: IntraSchool Coming Soon
Theme URI: https://intraschool.co.uk
Author: IntraSchool
Description: Minimal, premium one-page WordPress coming-soon theme for IntraSchool.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: intraschool
*/

:root{
  --navy:#0B2A4A;
  --navy-deep:#081F36;
  --green:#4CAF50;
  --blue:#2F80ED;
  --white:#FFFFFF;
  --muted:rgba(255,255,255,.72);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:var(--navy-deep)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);overflow-x:hidden}

.site-shell{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:28px 20px;
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 12%, rgba(47,128,237,.16), transparent 34%),
    radial-gradient(circle at 78% 82%, rgba(76,175,80,.10), transparent 30%),
    linear-gradient(145deg,var(--navy-deep) 0%,var(--navy) 58%,#06192b 100%);
}

.site-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 88%);
  z-index:-1;
}

.hero{
  width:min(860px,100%);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  animation:fadeIn .8s ease both;
}

.logo-wrap{
  width:140px;
  height:140px;
  border-radius:50%;
  overflow:hidden;
  margin-bottom:30px;
  box-shadow:0 18px 60px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08);
}

.brand-logo{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015)}

.eyebrow{
  margin:0 0 12px;
  font-size:clamp(.78rem,1.4vw,.92rem);
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--muted);
}

.hero h1{
  margin:0;
  font-size:clamp(2.35rem,6.2vw,5.55rem);
  line-height:.98;
  letter-spacing:-.045em;
  max-width:900px;
  text-wrap:balance;
}

.hero h1 .accent{color:var(--green)}

.fixing{
  margin:24px 0 0;
  font-size:clamp(1.1rem,2vw,1.45rem);
  color:var(--muted);
}

.brand-name{
  margin:38px 0 0;
  font-size:clamp(1.45rem,2.4vw,2rem);
  font-weight:800;
  letter-spacing:-.025em;
}
.brand-name .intra{color:var(--white)}
.brand-name .school{color:var(--green)}

.tagline{
  margin:8px 0 0;
  font-size:clamp(.78rem,1.5vw,1rem);
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(255,255,255,.80);
}
.tagline .blue{color:var(--blue)}
.tagline .green{color:var(--green)}

.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.btn{
  min-width:172px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:999px;
  font-size:.98rem;
  font-weight:800;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#071727;box-shadow:0 12px 30px rgba(76,175,80,.22)}
.btn-primary:hover{box-shadow:0 16px 36px rgba(76,175,80,.34)}
.btn-secondary{border:1px solid rgba(255,255,255,.44);color:var(--white);background:rgba(255,255,255,.035)}
.btn-secondary:hover{border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.075)}

@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:640px){
  .site-shell{padding:22px 18px}
  .logo-wrap{width:104px;height:104px;margin-bottom:24px}
  .hero h1{font-size:clamp(2.15rem,12vw,3.2rem)}
  .fixing{margin-top:18px}
  .brand-name{margin-top:30px}
  .actions{width:100%;margin-top:28px}
  .btn{width:100%;max-width:330px}
}<a href="mailto:partner@intraschool.co.uk?subject=Early%20Access%20-%20IntraSchool">
  Join Early Access
</a>

<a href="mailto:partner@intraschool.co.uk?subject=School%20Pilot%20Enquiry%20-%20IntraSchool">
  School Pilot
</a>