:root{--purple:#4a2563;--purple-soft:#6b4a85;--ink:#2b2b2e;--muted:#6f6f76;--line:#ececf0;--bg:#ffffff;--tint:#f7f5f9}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html{font-size:clamp(15px,.9vw + 11px,17px)}
body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;font-family:"Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--purple);text-decoration:none}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
img,svg{max-width:100%}
footer{margin-top:auto}

/* Header */
header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:clamp(64px,8vw,88px);padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:12px;color:var(--purple)}
.brand img{height:clamp(38px,5vw,56px);width:auto;display:block}
.brand span{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:600;letter-spacing:.2px}
nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px clamp(14px,2.4vw,30px)}
nav a{color:var(--ink);font-size:.95rem;padding:6px 0;border-bottom:2px solid transparent;transition:.2s}
nav a:hover,nav a.active{color:var(--purple);border-color:var(--purple)}

/* Hero */
.hero{padding:clamp(56px,10vw,120px) 0 clamp(56px,9vw,110px);min-height:clamp(380px,62vh,640px);display:flex;align-items:center;background:linear-gradient(180deg,#fff 0%,var(--tint) 100%)}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.1;color:var(--purple);max-width:760px}
.hero p{margin-top:22px;max-width:560px;font-size:1.15rem;color:var(--muted)}
.btn{display:inline-block;margin-top:34px;padding:14px 30px;background:var(--purple);color:#fff;border-radius:4px;font-size:.95rem;border:0;cursor:pointer;transition:.2s}
.btn:hover{background:var(--purple-soft)}
.btn.ghost{background:transparent;color:var(--purple);border:1px solid var(--purple);margin-left:12px}
.btn.ghost:hover{background:var(--purple);color:#fff}

/* Sections */
section{padding:clamp(48px,7vw,84px) 0}
section.tint{background:var(--tint)}
h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:2rem;color:var(--purple);margin-bottom:14px}
.lead{color:var(--muted);max-width:620px;margin-bottom:44px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:30px;transition:.2s}
.card:hover{border-color:var(--purple);transform:translateY(-2px)}
.card h3{font-size:1.05rem;color:var(--purple);margin-bottom:8px}
.card p{color:var(--muted);font-size:.95rem}
.page-title{padding:clamp(44px,7vw,80px) 0 clamp(32px,5vw,56px);background:var(--tint);border-bottom:1px solid var(--line)}
.page-title h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2rem,4vw,2.6rem);color:var(--purple)}
.page-title p{color:var(--muted);margin-top:10px;max-width:600px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
@media(max-width:760px){.two{grid-template-columns:1fr}nav{gap:16px}nav a{font-size:.85rem}.brand span{font-size:1.1rem}}
ul.clean{list-style:none}
ul.clean li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}

/* Form */
form{display:grid;gap:16px}
label{font-size:.85rem;color:var(--muted);display:block;margin-bottom:6px}
input,textarea,select{width:100%;padding:13px 14px;border:1px solid #d9d9df;border-radius:4px;font:inherit;background:#fff}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--purple)}
textarea{min-height:140px;resize:vertical}

/* Footer */
footer{background:var(--purple);color:#e9e1f0;padding:48px 0;font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
footer a{color:#fff}


@media(max-width:760px){header .wrap{flex-direction:column;gap:6px}nav{justify-content:center}.btn.ghost{margin-left:0;margin-top:12px}.hero .wrap{width:100%}}