:root{
    --ink:#3A1E2B;--plum:#4A2233;--berry:#7E3B52;--rose:#A85F79;
    --mauve:#C98BA0;--blush:#F3DEE5;--cream:#FBF6F0;--gold:#C9A66B;
    --paper:#FFFDFB;--line:rgba(74,34,51,0.13);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:var(--cream);color:var(--ink);
    font-family:var(--sail-font-system);line-height:1.65;-webkit-font-smoothing:antialiased;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 26px;}
  h1,h2,h3,.serif{font-family:var(--sail-font-system);font-weight:400;}
  a{color:inherit;}
  .eyebrow{text-transform:uppercase;letter-spacing:0.26em;font-size:12px;font-weight:700;color:var(--rose);margin:0 0 14px;}

  /* ---------- HEADER ---------- */
  header.nav{position:sticky;top:0;z-index:50;background:rgba(251,246,240,0.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
  .nav-in{display:flex;align-items:center;gap:22px;padding:13px 0;}
  .brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
  .brand .wm{font-family:var(--sail-font-logo);font-size:22px;line-height:1;}
  .wm .s{font-weight:300;font-style:italic;color:var(--rose);}
  .wm .c{font-weight:500;color:var(--plum);}
  .nav-links{display:flex;gap:22px;margin-left:8px;}
  .nav-links a{text-decoration:none;font-size:15px;font-weight:600;color:var(--berry);}
  .nav-links a:hover{color:var(--plum);}
  .nav-right{margin-left:auto;display:flex;align-items:center;gap:14px;}
  .langs{display:flex;gap:2px;background:var(--blush);border-radius:999px;padding:3px;}
  .langs button{border:none;background:transparent;font:inherit;font-size:12px;font-weight:700;letter-spacing:0.04em;
    color:var(--berry);padding:5px 9px;border-radius:999px;cursor:pointer;text-transform:uppercase;}
  .langs button.active{background:var(--plum);color:#fff;}
  .btn{display:inline-block;background:var(--berry);color:#fff;text-decoration:none;font-weight:700;font-size:15px;
    padding:11px 20px;border-radius:999px;border:none;cursor:pointer;transition:background .15s;}
  .btn:hover{background:var(--plum);}
  .btn.gold{background:var(--gold);color:var(--plum);}
  .btn.gold:hover{background:#b8945a;}
  .btn.ghost{background:transparent;border:1.5px solid var(--berry);color:var(--berry);}
  .btn.ghost:hover{background:var(--berry);color:#fff;}

  /* ---------- HERO ---------- */
  .hero{padding:60px 0 40px;}
  .hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:center;}
  .hero h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-0.015em;color:var(--plum);margin:6px 0 20px;}
  .hero p.lead{font-size:18px;color:var(--ink);max-width:520px;margin:0 0 28px;}
  .hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
  .hero-note{font-size:13.5px;color:var(--berry);font-weight:600;}
  .hero-art{display:flex;justify-content:center;}
  .hero-fig{position:relative;display:inline-block;width:100%;max-width:440px;margin:0;filter:drop-shadow(0 24px 40px rgba(94,42,68,0.16));}
  .hero-fig img{display:block;width:100%;height:auto;border-radius:22px;}
  .hero-cap{position:absolute;left:0;right:0;bottom:0;background:rgba(74,34,51,0.62);color:#fff;
    font-family:var(--sail-font-system);font-weight:600;font-size:clamp(15px,2.4vw,18px);line-height:1.32;
    text-align:center;padding:15px 18px;border-radius:0 0 22px 22px;}

  /* ---------- SLOGAN ---------- */
  .slogan{background:linear-gradient(160deg,#7E3B52,#4A2233);color:#fff;text-align:center;padding:52px 0;}
  .slogan .s1{font-family:var(--sail-font-system);font-style:italic;font-size:clamp(22px,3.4vw,32px);color:#fff;margin:0;}
  .slogan .hr{width:46px;height:2px;background:var(--gold);border:none;margin:20px auto;}
  .slogan .s2{font-family:var(--sail-font-system);font-size:clamp(18px,2.6vw,24px);color:var(--blush);margin:0;}

  /* ---------- SECTIONS ---------- */
  section.blk{padding:74px 0;}
  .sec-head{text-align:center;margin:0 auto 40px;}
  .sec-head h2{font-size:clamp(26px,3.8vw,38px);color:var(--plum);margin:0 0 10px;}
  .sec-head p{color:var(--berry);font-size:16.5px;margin:0;}

  /* how */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .step{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px 26px;}
  .step .n{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
    background:var(--blush);color:var(--plum);font-family:var(--sail-font-system);font-size:20px;font-weight:500;margin-bottom:18px;}
  .step h3{font-size:20px;font-weight:500;color:var(--berry);margin:0 0 8px;}
  .step p{font-size:15px;color:var(--ink);margin:0;}

  /* stories */
  .stories-wrap{background:linear-gradient(180deg,#FDF3EE,#FBF6F0);}
  .stories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .story{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;padding:25px;}
  .story .top{height:8px;background:linear-gradient(90deg,var(--rose),var(--gold));}
  .story .body{padding:26px 26px 30px;}
  .story h3{font-size:20px;font-weight:500;color:var(--plum);margin:0 0 12px;}
  .story p{font-size:15px;color:var(--ink);margin:0;}
  .story .ic{width:38px;height:38px;margin-bottom:14px;}

  /* pricing */
  .price-card{max-width:520px;margin:0 auto;background:linear-gradient(165deg,#fff,var(--blush));
    border:1px solid var(--line);border-radius:24px;padding:44px 40px;text-align:center;box-shadow:0 18px 44px rgba(126,59,82,0.10);}
  .price-card .amount{font-family:var(--sail-font-system);font-size:60px;line-height:1;color:var(--plum);font-weight:500;}
  .price-card .amount .was{text-decoration:line-through;color:var(--mauve);font-size:.42em;font-weight:400;margin-left:10px;vertical-align:middle;}
  .price-card .per{font-size:16px;color:var(--berry);font-weight:600;margin-top:4px;}
  .price-card p.desc{font-size:16px;color:var(--ink);margin:20px auto 26px;max-width:400px;}
  .feats{list-style:none;padding:0;margin:0 0 30px;display:inline-flex;flex-direction:column;gap:11px;text-align:left;}
  .feats li{position:relative;padding-left:30px;font-size:15px;color:var(--plum);font-weight:600;}
  .feats li::before{content:"";position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;
    background:var(--gold);}
  .feats li svg{position:absolute;left:4px;top:6px;width:11px;height:11px;}

  /* faq */
  .faq{max-width:760px;margin:0 auto;}
  .faq details{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;}
  .faq summary{list-style:none;cursor:pointer;padding:19px 24px;font-weight:700;font-size:16.5px;color:var(--plum);
    display:flex;justify-content:space-between;align-items:center;gap:16px;}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary .chev{flex-shrink:0;width:18px;height:18px;transition:transform .2s;color:var(--rose);}
  .faq details[open] summary .chev{transform:rotate(45deg);}
  .faq .ans{padding:0 24px 22px;font-size:15.5px;color:var(--ink);}

  /* footer */
  footer.ft{background:#3A1E2B;color:var(--blush);padding:52px 0 40px;text-align:center;}
  footer.ft .wm{font-family:var(--sail-font-logo);font-size:24px;}
  footer.ft .wm .c{color:#fff;}
  footer.ft .tag{font-family:var(--sail-font-system);font-style:italic;font-size:18px;color:var(--mauve);margin:14px 0 22px;}
  footer.ft .cta-row{margin-bottom:26px;}
  footer.ft small{color:rgba(243,222,229,0.55);font-size:13px;}

  @media(max-width:900px){
    .nav-links{display:none;}
    .nav-right{display:none;}
    .hamb{display:block;}
    .hero-grid{grid-template-columns:1fr;text-align:center;}
    .hero p.lead{margin-left:auto;margin-right:auto;}
    .hero-actions{justify-content:center;}
    .hero-art{order:0;margin-top:10px;}
    .steps,.stories{grid-template-columns:1fr;}
  }
  @media(max-width:560px){
    .nav-in{gap:12px;} .brand .wm{font-size:19px;}
    .langs button{padding:5px 7px;}
  }

/* ---- Reviews / trust widget (placeholder for Trustpilot) ---- */
.sec-head.center{text-align:center;}
.how-lead{max-width:920px;margin:6px auto;font-size:17px;line-height:1.55;color:var(--ink);}
.price-row{display:flex;gap:22px;justify-content:center;align-items:stretch;flex-wrap:wrap;max-width:1000px;margin:0 auto;}
.price-row .price-card{margin:0;flex:1 1 340px;max-width:460px;}
.org-tile{flex:1 1 300px;max-width:420px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:22px;padding:30px 28px;text-align:left;display:flex;flex-direction:column;}
.org-tile .org-ic{font-size:32px;margin-bottom:10px;}
.org-tile h3{font-family:var(--sail-font-system);font-weight:500;font-size:21px;color:var(--plum);margin:0 0 10px;line-height:1.25;}
.org-tile p{font-size:14.5px;color:var(--ink);line-height:1.55;margin:0 0 18px;flex:1;}
.org-tile .btn.ghost{align-self:flex-start;background:transparent;border:1.5px solid var(--berry);color:var(--berry);font-weight:700;}
.org-tile .btn.ghost:hover{background:var(--berry);color:#fff;}
.reviews{max-width:520px;margin:22px auto 0;text-align:center;}
.reviews .avatars{display:flex;justify-content:center;margin-bottom:10px;}
.reviews .avatars svg,.reviews .avatars .rav{width:38px;height:38px;border-radius:50%;border:2px solid var(--cream);margin-left:-10px;box-shadow:0 1px 3px rgba(74,34,51,0.15);display:block;}
/* one 6x6 sprite; each dot picks its face via background-position */
.reviews .avatars .rav{background-image:url(faces-sprite.jpg);background-size:600% 600%;background-repeat:no-repeat;}
.reviews .avatars svg:first-child,.reviews .avatars .rav:first-child{margin-left:0;}
.reviews .avatars .more{width:38px;height:38px;border-radius:50%;border:2px solid var(--cream);margin-left:-10px;background:var(--plum);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.reviews .stars{color:var(--gold);font-size:20px;letter-spacing:2px;line-height:1;}
.reviews .rscore{font-family:var(--sail-font-system);font-weight:600;font-size:22px;color:var(--plum);margin-top:6px;}
.reviews .rscore small{font-size:15px;color:var(--berry);font-weight:400;}
.reviews .rcount{font-size:14px;color:var(--berry);font-weight:600;}
.reviews .rlabel{font-size:13.5px;color:rgba(58,30,43,0.6);margin-top:4px;font-style:italic;}