.an-creole-section{background:#f5eee4;padding:108px 30px;overflow:hidden}
.an-creole-inner{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr .9fr;gap:8%;align-items:center}
.an-creole-kicker{color:#b15d3d;font-size:11px;font-weight:900;letter-spacing:.18em;margin:0 0 18px}
.an-creole-copy h2{font-size:clamp(38px,4.4vw,60px);line-height:1.11;letter-spacing:-.05em;margin:0}
.an-creole-copy h2 em{font-family:Georgia,serif;color:var(--an-orange);font-weight:500}
.an-creole-copy>p:not(.an-creole-kicker){max-width:560px;color:var(--an-ink-soft);font-size:16px;line-height:1.7;margin:25px 0 30px}
.an-creole-values{display:grid;gap:12px}
.an-creole-values>div{display:grid;grid-template-columns:49px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center}
.an-creole-values span{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:#a45d3d;background:#fff7e9;font-family:Georgia,serif;font-size:19px}
.an-creole-values strong{font-size:14px}.an-creole-values small{color:#6a7e80;font-size:12px}
.an-creole-demo{min-height:530px;position:relative;display:grid;place-items:center}
.an-creole-demo-glow{position:absolute;width:440px;height:440px;max-width:100%;border-radius:50%;background:#e5d4b6;box-shadow:0 0 0 36px rgba(229,212,182,.35),0 0 0 75px rgba(229,212,182,.2)}
.an-creole-phone{position:relative;z-index:1;width:300px;min-height:485px;border:9px solid #17323c;border-radius:38px;background:#fffefa;box-shadow:0 32px 70px rgba(16,42,54,.24);padding:16px 22px 20px;transform:rotate(4deg);animation:an-creole-phone-bob 6s ease-in-out infinite}
.an-creole-phone-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:900;letter-spacing:.13em;color:#3d6b69}
.an-creole-phone-notch{width:55px;height:8px;background:#18343d;border-radius:99px}
.an-creole-phone-greeting{font-size:13px;color:var(--an-orange);font-weight:800;margin:48px 0 5px}
.an-creole-phone h3{font-size:26px;letter-spacing:-.04em;line-height:1.16;margin:0 0 19px}
.an-creole-phone-query{min-height:81px;padding:17px 15px;border:1px solid #d5e4e0;border-radius:12px;background:#f1f8f4;color:#184b48;font-size:17px;font-weight:800;line-height:1.35;transition:transform .2s ease}
.an-creole-phone-query.is-changing{transform:scale(.96)}
.an-creole-phone-hint{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#849899;font-weight:850;margin:23px 0 10px}
.an-creole-phone-options{display:flex;flex-wrap:wrap;gap:7px}
.an-creole-phone-options button{border:1px solid #dbe5dd;border-radius:8px;background:#fff;color:#466566;padding:7px 9px;font-size:10px;font-weight:750}
.an-creole-phone-options button.is-active{background:#173f3d;border-color:#173f3d;color:#fff}
.an-creole-phone-bottom{position:absolute;bottom:12px;left:0;right:0;display:grid;place-items:center}.an-creole-phone-bottom span{width:75px;height:4px;border-radius:99px;background:#17323c}
.an-creole-demo-sticker{position:absolute;z-index:2;left:2%;bottom:15%;width:100px;height:100px;display:grid;place-content:center;text-align:center;border-radius:50%;background:#e95c3d;color:#fff;font-family:Georgia,serif;font-size:18px;line-height:1.05;transform:rotate(-13deg);box-shadow:0 12px 23px rgba(233,92,61,.2)}
.an-creole-demo-sticker strong{font-size:23px}
@keyframes an-creole-phone-bob{50%{transform:translateY(-8px) rotate(3deg)}}
@media(max-width:850px){.an-creole-inner{grid-template-columns:1fr}.an-creole-demo{margin-top:40px;min-height:490px}}
@media(max-width:520px){.an-creole-section{padding:76px 20px}.an-creole-demo{min-height:440px}.an-creole-demo-glow{width:285px;height:285px}.an-creole-phone{width:268px;min-height:440px}.an-creole-demo-sticker{width:76px;height:76px;font-size:14px;left:0}.an-creole-demo-sticker strong{font-size:17px}}