html {
scroll-behavior: smooth;
}

:root{
	--sand:#bae3d9;
	--ink:#1F1F1F;
	--ink-soft:#3b3b3b;
	--accent:#5A7F71; /* muted green */
	--card:#fff8ef;
	--ring: rgba(31,31,31,.1);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--sand);color:var(--ink);font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";}
a{color:var(--accent);text-decoration:none}
.shell{max-width:1100px;margin:0 auto;padding:24px;}
.hero{
	position:relative;border-radius:28px;padding:48px 28px;margin:18px 0 28px;background:linear-gradient(135deg,#EFE3CF 0%, #E6D3B5 100%);
	overflow:hidden;
}
.blob{
	position:absolute;border-radius:1000px;filter:blur(50px);opacity:.35;mix-blend-mode:multiply;
	/*animation: float 14s ease-in-out infinite alternate;*/
}
.blob.b1{width:260px;height:260px;background:#d7c3a3;left:-80px;top:-60px;}
.blob.b2{width:240px;height:240px;background:#b4d0c3;right:-60px;bottom:-60px;animation-delay:3s;}
@keyframes float { to { transform: translateY(20px) translateX(10px) scale(1.05);} }
.title{font-size: clamp(28px, 4vw, 46px); line-height:1.05; letter-spacing:-.02em; margin:0 0 10px;}
.tagline{font-size: clamp(16px, 2.2vw, 20px); color: var(--ink-soft); max-width: 92ch;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:20px 0 10px;}
.card{
	background:var(--card); border:1px solid var(--ring); border-radius:22px; padding:18px;
	box-shadow: 0 10px 20px rgba(0,0,0,.05);
}
.badge{
	display:inline-block;border-radius:999px;background:#f0ebe2;border:1px solid var(--ring);
	padding:6px 10px;font-size:12px;letter-spacing:.02em;color:#5a4d37;margin-right:8px;
}
.h{margin:0 0 6px;font-size:20px;letter-spacing:-.01em;}
.muted{color:#5a4d37;font-size:14px}
.stack{display:flex;flex-direction:column;gap:10px;}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{
	appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:14px;
	padding:10px 14px;cursor:pointer;font-weight:600;transition:.2s transform,.2s box-shadow;
}
.btn:hover{transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.12);}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.section-title{font-size:22px;margin:20px 0 6px; color:#fff;}
.list{margin:0;padding-left:18px;color:#4a412f}
.field{display:flex;flex-direction:column;gap:6px}
input, select{
	border:1px solid var(--ring); background:#fff; padding:10px 12px; border-radius:12px; font-size:16px;
	outline:none; box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}
.notice{
	border-radius:14px; padding:12px 14px; margin:10px 0; border:1px solid var(--ring);
	background:#f6efe4;
}
.ok{border-color:#c7e7cf;background:#eefaf1}
.err{border-color:#edc1b9;background:#fff3f1}
.small{font-size:13px;color:#6b5b44}
.footer{margin:30px 0 10px;color:#FFF;font-size:13px}
.caps{letter-spacing:.08em; text-transform: uppercase; font-size:12px;color:#6c6c6c}
.split{display:grid;grid-template-columns: 1.2fr .8fr;gap:18px}
@media (max-width: 900px){ .split{grid-template-columns:1fr;} }
body {
	background-color: #EADAC1; /* fallback sand color */
	background-image: url('https://focusfactoryla.com/images/bg.jpg'); /* replace with your path */
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;  /* optional: keeps it still when scrolling */
	background-size: cover;        /* optional: scales to fill viewport */
	.hero .blob{ z-index: -1; pointer-events:none; }
}