/* ===== Anolev Software — site styles ===== */
:root{
  --bg:#f6f3ec;
  --ink:#221f1a;
  --muted:#5e574c;
  --faint:#a59c8c;
  --line:#e6e0d4;
  --chip:#ece6da;
  --accent:#BF5A2B;
  --accent2:#D17A4A;
  --accent3:#E89A5B;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;}

/* ---- nav / brand lockup ---- */
nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:26px 56px;border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:16px;}
.mark{position:relative;width:58px;height:50px;flex:none;}
.mark .d{position:absolute;border-radius:50%;}
.mark .d1{left:0;top:22px;width:28px;height:28px;background:var(--accent);}
.mark .d2{left:21px;top:0;width:22px;height:22px;background:var(--accent2);}
.mark .d3{left:43px;top:29px;width:15px;height:15px;background:var(--accent3);}
.word{display:flex;align-items:center;gap:12px;}
.word .serif{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:28px;line-height:1;letter-spacing:-.02em;color:var(--ink);}
.word .bar{width:2px;height:24px;background:var(--accent);}
.word .sub{font-size:12px;letter-spacing:.24em;color:var(--faint);}
.navlinks{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--muted);}
.navlinks a{transition:color .15s ease;}
.navlinks a:hover{color:var(--ink);}
.navlinks a[aria-current="page"]{color:var(--ink);}

/* ---- buttons ---- */
.btn,.btn-ghost{
  display:inline-block;font-size:15px;font-weight:500;
  padding:14px 28px;border-radius:10px;transition:background .15s ease,transform .05s ease;cursor:pointer;border:none;
}
.btn{background:var(--accent);color:#fff;}
.btn:hover{background:#a84d22;}
.btn-ghost{background:var(--chip);color:var(--ink);}
.btn-ghost:hover{background:#e2dac9;}
.btn:active,.btn-ghost:active{transform:translateY(1px);}

/* ---- hero ---- */
.hero{padding:100px 56px 84px;max-width:840px;}
.eyebrow{display:inline-block;font-size:13px;letter-spacing:.06em;color:var(--faint);margin-bottom:26px;}
.hero h1{
  margin:0 0 26px;font-family:'Newsreader',Georgia,serif;font-weight:500;
  font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.015em;text-wrap:balance;
}
.hero p{margin:0;max-width:560px;font-size:20px;line-height:1.6;color:var(--muted);text-wrap:pretty;}
.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}

/* ---- apps ---- */
.apps{padding:0 56px 88px;}
.section-label{font-size:13px;letter-spacing:.06em;color:var(--faint);padding:18px 0 30px;border-top:1px solid var(--line);}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.app .icon{
  width:64px;height:64px;border-radius:15px;margin-bottom:20px;
  background:repeating-linear-gradient(135deg,#f3e3d6,#f3e3d6 7px,#ecd3c0 7px,#ecd3c0 14px);
  display:flex;align-items:center;justify-content:center;
  font:12px/1 ui-monospace,Menlo,monospace;color:var(--accent);
}
.app h3{margin:0 0 9px;font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:23px;}
.app p{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--muted);}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}
.chip{font-size:12px;color:var(--muted);background:var(--chip);padding:4px 9px;border-radius:6px;}
.store-link{font-size:14px;font-weight:500;color:var(--accent);}
.store-link:hover{text-decoration:underline;}

/* ---- content pages ---- */
.page{padding:80px 56px 90px;max-width:760px;}
.page .eyebrow{margin-bottom:18px;}
.page h1{margin:0 0 14px;font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(36px,5vw,52px);line-height:1.08;letter-spacing:-.015em;}
.page .lead{font-size:18px;color:var(--muted);margin:0 0 8px;}
.page .meta{font-size:13px;color:var(--faint);margin:0 0 44px;}
.page h2{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:22px;margin:40px 0 12px;}
.page p{font-size:16px;line-height:1.7;color:#3f3a33;margin:0 0 16px;}
.page ul{margin:0 0 16px;padding-left:22px;}
.page li{font-size:16px;line-height:1.7;color:#3f3a33;margin-bottom:8px;}
.page a.inline{color:var(--accent);font-weight:500;}
.page a.inline:hover{text-decoration:underline;}

/* ---- contact form ---- */
.form{max-width:560px;margin-top:36px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:13px;letter-spacing:.02em;color:var(--muted);margin-bottom:8px;}
.field input,.field textarea{
  width:100%;font-family:inherit;font-size:15px;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 15px;transition:border-color .15s ease;
}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);}
.field textarea{resize:vertical;min-height:140px;}
.hp{position:absolute;left:-9999px;top:-9999px;}
.cf-turnstile{margin:4px 0 22px;}
.form-status{margin-top:18px;font-size:15px;line-height:1.6;}
.form-status.ok{color:#2f7d4f;}
.form-status.err{color:#b23b2e;}

/* ---- footer ---- */
footer{padding:38px 56px;border-top:1px solid var(--line);text-align:center;}
footer .copy{font-size:13px;color:var(--faint);}

/* ---- responsive ---- */
@media (max-width:760px){
  nav{flex-direction:column;gap:18px;align-items:flex-start;padding:22px 28px;}
  .hero{padding:64px 28px 56px;}
  .apps{padding:0 28px 64px;}
  .app-grid{grid-template-columns:1fr;}
  .page{padding:56px 28px 70px;}
  .word .serif{font-size:24px;}
  .mark{width:50px;height:43px;}
  .mark .d1{top:19px;width:24px;height:24px;}
  .mark .d2{left:18px;width:19px;height:19px;}
  .mark .d3{left:37px;top:25px;width:13px;height:13px;}
}