@font-face{font-family:"Parisienne";src:url(/assets/fonts/parisienne.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--bg:#ffffff;--lav:#f0effb;--lav2:#e6e5f7;--ink:#1f2144;--indigo:#3B3F8F;--coral:#F2736B;--teal:#3FB8A8;--foot:#1f2144;--muted:#4f5275}
@media(prefers-color-scheme:dark){:root{--bg:#14152b;--lav:#1a1c38;--lav2:#23264a;--foot:#0e0f20;--muted:#b3b5d4}}
html{font-size:19px}
body{background:var(--bg);font-size:1rem;line-height:1.65}
.script{font-family:"Parisienne","Segoe Script",cursive;font-weight:400;letter-spacing:0}
/* header */
.topbar{background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}
.topbar .w{max-width:1180px;padding-top:18px;padding-bottom:16px}
.mark{display:flex;flex-direction:column;line-height:1.05;text-decoration:none}
.mark .nm{font-weight:800;letter-spacing:-.02em;font-size:32px;color:var(--ink)}.mark .nm b{color:var(--coral)}
.mark .tg{font-family:"Parisienne",cursive;font-size:20px;color:var(--indigo);margin-top:2px}
@media(prefers-color-scheme:dark){.mark .tg{color:#9aa0ff}}
.topbar nav a{font-size:18px;padding:10px 16px;color:var(--ink)}
.topbar nav a.cta{font-size:18px;padding:12px 24px;border-radius:999px}
.topbar nav a:not(.cta):hover{background:transparent;color:var(--indigo);box-shadow:inset 0 -3px 0 var(--coral)}
.w{max-width:1180px}
/* hero: centred, own background art */
.hero4{position:relative;overflow:hidden;text-align:center;padding:84px 0 40px;background:var(--bg)}
.hero4 .art{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero4 .w{position:relative;z-index:1}
.kick{font-size:15px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#1f7d70}
@media(prefers-color-scheme:dark){.kick{color:var(--teal)}}
.hero4 h1{font-size:clamp(2.6rem,6.2vw,4.4rem);line-height:1.08;margin:14px auto 20px;font-weight:600;letter-spacing:-.025em;color:var(--indigo);max-width:15em}
@media(prefers-color-scheme:dark){.hero4 h1{color:#c3c6ff}}
.hero4 h1 em{font-family:"Parisienne",cursive;font-style:normal;font-weight:400;color:var(--coral);font-size:1.12em;letter-spacing:0}
.hero4 .lead{font-size:1.3rem;max-width:30em;margin:0 auto;color:var(--muted)}
.hero-actions{justify-content:center;margin:30px 0 14px}
.btn{font-size:1.05rem;padding:15px 30px;border-radius:999px}
.btn.warm{background:var(--coral);color:#fff}
@media(prefers-color-scheme:dark){.btn.warm{color:#1b1020}}
.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;margin-top:20px;color:var(--ink);font-weight:600;font-size:1.05rem}
.strip span:before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--teal);margin-right:9px}
.hero4 .phone{width:min(360px,80vw);margin:46px auto 0;border-radius:44px;border-width:11px}
.hero4 .phone img{border-radius:33px}
/* sections */
.band{padding:84px 0}
.tint{position:relative;background:var(--lav);padding:104px 0}
.tint:before,.tint:after{content:"";position:absolute;left:0;right:0;height:40px;background-repeat:no-repeat;background-size:100% 100%}
.tint:before{top:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V14C1060 40 930 6 790 22S470 40 330 18S110 34 0 14Z' fill='%23ffffff'/%3E%3C/svg%3E")}
.tint:after{bottom:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40H1200V26C1060 0 930 34 790 18S470 0 330 22S110 6 0 26Z' fill='%23ffffff'/%3E%3C/svg%3E")}
@media(prefers-color-scheme:dark){.tint:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V14C1060 40 930 6 790 22S470 40 330 18S110 34 0 14Z' fill='%2314152b'/%3E%3C/svg%3E")}.tint:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40H1200V26C1060 0 930 34 790 18S470 0 330 22S110 6 0 26Z' fill='%2314152b'/%3E%3C/svg%3E")}}
.tint .art2{position:absolute;right:-60px;top:20px;width:420px;opacity:.9;pointer-events:none}
.sec-title{margin-bottom:46px}
.sec-title h2{font-size:clamp(2rem,4vw,2.8rem);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.sec-title p{font-size:1.15rem;color:var(--muted)}
.sec-title .script{display:block;font-size:2.1rem;color:var(--coral);line-height:1;margin-bottom:4px}
.cardx{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 30px;box-shadow:0 12px 34px rgba(31,33,68,.07)}
.cardx:before{content:"";display:block;width:48px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--coral),var(--teal));margin-bottom:16px}
.cardx b{display:block;font-size:1.3rem;margin-bottom:8px}.cardx span{color:var(--muted);font-size:1.05rem}
.two{gap:24px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1000px){.cards4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cards4{grid-template-columns:1fr}}
.appcard{border-radius:30px;padding:52px;box-shadow:0 22px 60px rgba(44,48,112,.12);gap:56px}
.appcard h3{font-size:2.3rem;margin:14px 0}.appcard .ic{width:88px;height:88px;border-radius:20px}
.appcard .lead{font-size:1.2rem}
.appcard .phone{width:min(340px,80vw);border-radius:44px;border-width:11px}.appcard .phone img{border-radius:33px}
@media(max-width:860px){.appcard{padding:26px}}
.facts{font-size:1.15rem}.facts td{padding:16px 0}
footer.foot{background:var(--foot);color:#d3d5ee;border:0;margin-top:0;padding:48px 0;font-size:16px}
footer.foot a{color:#d3d5ee}.foot .w{align-items:flex-start}
.foot .fbrand{display:flex;flex-direction:column;margin-bottom:8px}
.foot .fbrand .nm{font-weight:800;font-size:28px;color:#fff}.foot .fbrand .tg{font-family:"Parisienne",cursive;font-size:24px;color:#f4a79f}
@media(max-width:760px){html{font-size:18px}.topbar nav a:not(.cta):not(:first-child){display:none}.hero4{padding:52px 0 24px}.band{padding:60px 0}.tint{padding:84px 0}}
@media(max-width:640px){.topbar .mark .tg{display:none}.topbar .mark .nm{font-size:28px}}