body.page-id-2561{margin:0!important;padding:0!important;background:#F7F0EC!important}#ssyv5{font-family:Inter,system-ui,sans-serif;color:#1F171B;font-size:16px;line-height:1.5;background:#F7F0EC;-webkit-font-smoothing:antialiased}#ssyv5 h1,#ssyv5 h2,#ssyv5 h3,#ssyv5 h4{font-family:Inter,system-ui,sans-serif;color:inherit;font-weight:500;margin:0;text-transform:none;letter-spacing:normal;line-height:1.1}#ssyv5 a{text-decoration:none}#ssyv5 button{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;text-transform:none;letter-spacing:inherit;border-radius:0;box-shadow:none;line-height:inherit;min-height:0;width:auto;white-space:normal}#ssyv5 table,#ssyv5 td,#ssyv5 tr{border:0;margin:0;background:none}#ssyv5 ul,#ssyv5 ol{margin:0;padding:0}:root{--plum: #2A1620; --plum-2: #4A2033; --wine: #6B2943; --wine-2: #561F36; --rose: #B9657F; --rose-ink: #F3D6DF; --bg: #F7F0EC; --ivory: #FFFBF9; --blush: #F4E3E2; --blush-2: #EED3D4; --phone-bg: #F8E9E8; --ink: #1F171B; --muted: #5E5156; --muted-2: #6B5D63; --line: #EADBD6; --sprite: url("/wp-content/uploads/2026/11/ssy-home-v5-ecrans-app.webp"); --hero-img: url("https://www.shesaidyess.com/wp-content/uploads/2026/11/ssy-hero-mariage-joie.jpg"); --serif: "DM Serif Display",Georgia,serif; --radius: 24px;}#ssyv5,#ssyv5 *{box-sizing: border-box;}html{scroll-behavior: smooth;}body{margin: 0px; background: var(--bg); color: var(--ink); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip;}#ssyv5 img{max-width: 100%; display: block;}#ssyv5 a{color: var(--wine);}#ssyv5 a:hover{color: var(--wine-2);}#ssyv5 .wrap{max-width: 1240px; margin: 0px auto; padding: 0px 40px;}#ssyv5 .eyebrow{margin: 0px 0px 20px; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: var(--wine); display: inline-flex; align-items: center; gap: 10px;}#ssyv5 .eyebrow::before{content: ""; width: 14px; height: 14px; background: currentcolor; mask: var(--heart-mask) center/contain no-repeat;}:root{--heart-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M500 930C440 880 330 787 223 691C103 585 65 491 65 362C65 193 169 86 315 86C408 86 476 132 500 213C524 132 592 86 685 86C831 86 935 193 935 362C935 491 897 585 777 691C670 787 560 880 500 930Z'/%3E%3C/svg%3E");}#ssyv5 .t{font-family: Inter, system-ui, sans-serif; font-weight: 500; letter-spacing: -0.045em; line-height: 1.02; margin: 0px;}#ssyv5 .t em{font-family: var(--serif); font-weight: 400; letter-spacing: -0.015em; font-style: italic; color: var(--wine);}#ssyv5 .t-xl{font-size: clamp(44px, 5.3vw, 80px); line-height: 0.98;}#ssyv5 .t-l{font-size: clamp(38px, 4.6vw, 66px);}#ssyv5 .lead{font-size: 18px; line-height: 1.65; color: var(--muted);}#ssyv5 .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0px 26px; border-radius: 999px; font: 500 15px / 1 Inter, sans-serif; text-decoration: none; transition: transform 0.25s, background 0.25s, color 0.25s, border-color 0.25s, box-shadow 0.25s; white-space: nowrap;}#ssyv5 .btn:hover{transform: translateY(-2px);}#ssyv5 .btn svg{width: 18px; height: 18px;}#ssyv5 .btn-light{background: var(--ivory); color: var(--plum);}#ssyv5 .btn-light:hover{color: var(--wine);}#ssyv5 .btn-wine{background: var(--wine); color: rgb(255, 255, 255);}#ssyv5 .btn-wine:hover{background: var(--wine-2); color: rgb(255, 255, 255);}#ssyv5 .btn-line{border: 1px solid rgb(217, 196, 202); color: var(--plum); background: transparent;}#ssyv5 .btn-line:hover{border-color: var(--wine); color: var(--wine);}#ssyv5 section{position: relative;}#ssyv5 .reveal{opacity: 0; transform: translateY(28px); transition: opacity 0.9s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .reveal.in{opacity: 1; transform: none;}#ssyv5 .rings{position: absolute; pointer-events: none; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0px, transparent 58px, rgba(185, 101, 127, 0.16) 59px, rgba(185, 101, 127, 0.16) 60px); mask: radial-gradient(circle, rgb(0, 0, 0) 30%, transparent 70%);}#ssyv5 .logo{display: inline-flex; align-items: flex-start; gap: 2px; font-family: var(--serif); font-size: 28px; line-height: 1; text-decoration: none; color: rgb(255, 255, 255);}#ssyv5 .logo i{width: 13px; height: 13px; margin-top: -4px; background: var(--rose-ink); mask: var(--heart-mask) center/contain no-repeat; transform: rotate(12deg);}#ssyv5 .hero-shell{padding: 10px 10px 72px;}#ssyv5 .hero{position: relative; height: calc(-20px + 100svh); min-height: 660px; max-height: 1000px; border-radius: var(--radius); overflow: hidden; background: var(--plum-2); color: rgb(255, 255, 255); display: flex; flex-direction: column;}#ssyv5 .hero__media{position: absolute; inset: 0px; background: var(--hero-img) center 30%/cover no-repeat; animation: 18s cubic-bezier(0.2, 0.6, 0.2, 1) 0s 1 normal both running kb;}@keyframes kb { 
  0% { transform: scale(1.12); }
  100% { transform: scale(1); }
}#ssyv5 .hero__overlay{position: absolute; inset: 0px; background: radial-gradient(at 50% 45%, rgba(74, 32, 51, 0.25), rgba(42, 22, 32, 0.6) 70%), linear-gradient(rgba(42, 22, 32, 0.5) 0%, rgba(74, 32, 51, 0.2) 40%, rgba(42, 22, 32, 0.85) 100%);}#ssyv5 .hero > :not(.hero__media):not(.hero__overlay):not(.glow):not(.petals){position: relative;}#ssyv5 .petals{position: absolute; inset: 0px; overflow: hidden; pointer-events: none;}#ssyv5 .hero__body{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0px 24px 30px;}#ssyv5 .hero .t em{color: var(--rose-ink);}#ssyv5 .hero__sub{margin: 26px 0px 0px; max-width: 560px; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, 0.86);}#ssyv5 .hero__ctas{display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; margin-top: 38px;}#ssyv5 .cta-main{display: inline-flex; align-items: center; gap: 16px; min-height: 60px; padding: 0px 8px 0px 28px; border-radius: 999px; background: var(--ivory); color: var(--plum); font: 500 15px / 1 Inter, sans-serif; text-decoration: none; box-shadow: rgba(20, 8, 14, 0.35) 0px 14px 40px; transition: transform 0.25s, box-shadow 0.25s;}#ssyv5 .cta-main b{width: 44px; height: 44px; border-radius: 50%; background: var(--wine); color: rgb(255, 255, 255); display: grid; place-items: center; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .cta-main b svg{width: 18px; height: 18px;}#ssyv5 .cta-main:hover{transform: translateY(-2px); box-shadow: rgba(20, 8, 14, 0.45) 0px 18px 50px; color: var(--plum);}#ssyv5 .cta-main:hover b{transform: translateX(3px) rotate(-45deg);}#ssyv5 .cta-glass{display: inline-flex; align-items: center; gap: 12px; min-height: 60px; padding: 0px 26px 0px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.28); color: rgb(255, 255, 255); font: 500 15px / 1 Inter, sans-serif; text-decoration: none; backdrop-filter: blur(12px); transition: background 0.25s;}#ssyv5 .cta-glass b{width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); display: grid; place-items: center;}#ssyv5 .cta-glass b svg{width: 16px; height: 16px;}#ssyv5 .cta-glass:hover{background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255);}#ssyv5 .hero__proof{display: flex; gap: 22px; flex-wrap: wrap; justify-content: center; margin-top: 26px; font-size: 13px; color: rgba(255, 255, 255, 0.78);}#ssyv5 .hero__proof span{display: inline-flex; align-items: center; gap: 8px;}#ssyv5 .hero__proof span::before{content: ""; width: 10px; height: 10px; background: var(--rose-ink); mask: var(--heart-mask) center/contain no-repeat;}#ssyv5 .marquee{margin: 0px 14px 14px; border-radius: 18px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px); overflow: hidden; mask: linear-gradient(90deg, transparent, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent);}#ssyv5 .mq{display: flex; width: max-content; animation: 52s linear 0s infinite normal none running mq;}#ssyv5 .marquee:hover .mq{animation-play-state: paused;}#ssyv5 .mq-item{display: inline-flex; align-items: center; gap: 12px; padding: 16px 0px; margin-right: 44px; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.9); white-space: nowrap;}#ssyv5 .mq-item svg{width: 18px; height: 18px; color: var(--rose-ink); flex: 0 0 auto;}#ssyv5 .mq-item::after{content: ""; width: 8px; height: 8px; margin-left: 32px; background: rgba(243, 214, 223, 0.55); mask: var(--heart-mask) center/contain no-repeat;}@keyframes mq { 
  100% { transform: translateX(-50%); }
}#ssyv5 .chaos{height: 340svh; background: var(--bg);}#ssyv5 .cstage{position: sticky; top: 0px; height: 100svh; overflow: hidden;}#ssyv5 .cstage .rings{width: 1400px; height: 1400px; left: 50%; top: 50%; margin: -700px 0px 0px -700px; opacity: var(--ro,.5);}#ssyv5 .before,#ssyv5 .after{position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0px 24px; pointer-events: none;}#ssyv5 .before .t{max-width: 820px;}#ssyv5 .before p{max-width: 520px; margin: 24px auto 0px;}#ssyv5 .cc{position: absolute; left: 50%; top: 50%; z-index: 1; will-change: transform, opacity; font-size: 13px; color: var(--ink); text-align: left;}#ssyv5 .card-ui{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 16px; box-shadow: rgba(42, 22, 32, 0.1) 0px 18px 40px; overflow: hidden;}#ssyv5 .card-ui .hd{display: flex; align-items: center; gap: 8px; padding: 9px 12px; font-size: 11px; font-weight: 600; color: var(--muted-2); border-bottom: 1px solid rgb(241, 231, 227);}#ssyv5 .card-ui .hd i{width: 16px; height: 16px; border-radius: 4px; flex: 0 0 auto;}#ssyv5 .card-ui .bd{padding: 12px;}#ssyv5 .xl td{border: 1px solid rgb(231, 238, 233); padding: 4px 8px; font-size: 11px;}#ssyv5 .xl{border-collapse: collapse;}#ssyv5 .bubble{background: rgb(231, 247, 223); border-radius: 12px 12px 12px 3px; padding: 8px 10px; margin-top: 6px; font-size: 12px; max-width: 220px;}#ssyv5 .bubble.me{background: rgb(241, 241, 241); border-radius: 12px 12px 3px; margin-left: auto;}#ssyv5 .postit{background: rgb(251, 239, 168); padding: 16px 18px; width: 170px; box-shadow: rgba(60, 40, 0, 0.12) 0px 14px 30px; font-size: 15px; line-height: 1.35; color: rgb(75, 58, 16); font-weight: 500; border-radius: 3px;}#ssyv5 .std{width: 150px; border-radius: 14px; overflow: hidden; box-shadow: rgba(42, 22, 32, 0.18) 0px 18px 40px; border: 4px solid rgb(255, 255, 255); background: rgb(255, 255, 255);}#ssyv5 .std img{width: 100%; aspect-ratio: 9 / 14; object-fit: cover;}#ssyv5 .mood{display: grid; grid-template-columns: repeat(3, 58px); gap: 5px; padding: 8px; background: rgb(255, 255, 255); border-radius: 14px; box-shadow: rgba(42, 22, 32, 0.12) 0px 18px 40px;}#ssyv5 .mood img{width: 58px; height: 84px; object-fit: cover; border-radius: 7px;}#ssyv5 .after{opacity: 0;}#ssyv5 .after .t{margin-bottom: 34px;}#ssyv5 .bar{height: 5px; border-radius: 5px; background: rgb(234, 223, 218); overflow: hidden;}#ssyv5 .bar i{display: block; height: 100%; background: var(--wine); border-radius: 5px; width: 0px;}#ssyv5 .sync-dot{display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: rgb(47, 107, 79);}#ssyv5 .sync-dot::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: rgb(62, 155, 108); box-shadow: rgba(62, 155, 108, 0.5) 0px 0px 0px 0px; animation: 1.8s ease 0s infinite normal none running pulse;}@keyframes pulse { 
  70% { box-shadow: rgba(62, 155, 108, 0) 0px 0px 0px 8px; }
  100% { box-shadow: rgba(62, 155, 108, 0) 0px 0px 0px 0px; }
}#ssyv5 .scroll-hint{position: absolute; left: 0px; right: 0px; bottom: 6svh; text-align: center; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; color: var(--rose);}#ssyv5 .scroll-hint::after{content: ""; display: block; width: 1px; height: 40px; margin: 12px auto 0px; background: linear-gradient(var(--rose),transparent);}#ssyv5 .pc{--s: .6; width: calc(450px * var(--s)); height: calc(550px * var(--s)); background-image: var(--sprite); background-repeat: no-repeat; background-size: calc(1800px * var(--s)) calc(1200px * var(--s)); background-position: calc(var(--x0) * var(--s) * -1px) calc(var(--y0) * var(--s) * -1px); mask: linear-gradient(rgb(0, 0, 0) 78%, transparent);}#ssyv5 .pc.c1{--x0: 75; --y0: 50;}#ssyv5 .pc.c2{--x0: 675; --y0: 50;}#ssyv5 .pc.c3{--x0: 1275; --y0: 50;}#ssyv5 .pc.c4{--x0: 75; --y0: 650;}#ssyv5 .pc.c5{--x0: 675; --y0: 650;}#ssyv5 .pc.c6{--x0: 1275; --y0: 650;}#ssyv5 .after .t{margin-bottom: 8px;}#ssyv5 .after .sub{margin: 0px 0px 26px; font-size: 17px; color: var(--muted);}#ssyv5 .fan{position: relative; width: min(760px, 94vw); height: 400px;}#ssyv5 .fan .pc{position: absolute; left: 50%; top: 0px; filter: drop-shadow(rgba(74, 32, 51, 0.22) 0px 30px 40px);}#ssyv5 .fan .f1{--s: .62; transform: translateX(-50%); z-index: 3;}#ssyv5 .fan .f2{--s: .5; transform: translateX(-128%) translateY(40px) rotate(-8deg); z-index: 2;}#ssyv5 .fan .f3{--s: .5; transform: translateX(28%) translateY(40px) rotate(8deg); z-index: 2;}#ssyv5 .chip{position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 8px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 999px; padding: 9px 14px; font-size: 13px; font-weight: 500; box-shadow: rgba(74, 32, 51, 0.14) 0px 14px 30px; white-space: nowrap; opacity: 0; transform: translateY(10px) scale(0.9); transition: opacity 0.5s, transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .chip b{color: var(--wine);}#ssyv5 .chips-on .chip{opacity: 1; transform: none;}#ssyv5 .chips-on .chip:nth-of-type(2){transition-delay: 0.12s;}#ssyv5 .chips-on .chip:nth-of-type(3){transition-delay: 0.24s;}#ssyv5 .chips-on .chip:nth-of-type(4){transition-delay: 0.36s;}#ssyv5 .sync-dot{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: rgb(47, 107, 79);}#ssyv5 .sync-dot::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: rgb(62, 155, 108); animation: 1.8s ease 0s infinite normal none running pulse;}@keyframes pulse { 
  0% { box-shadow: rgba(62, 155, 108, 0.5) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(62, 155, 108, 0) 0px 0px 0px 8px; }
  100% { box-shadow: rgba(62, 155, 108, 0) 0px 0px 0px 0px; }
}#ssyv5 .ln{display: block; overflow: hidden; padding-bottom: 0.08em; margin-bottom: -0.08em;}#ssyv5 .ln > span{display: inline-block; transform: translateY(110%); transition: transform 1.2s cubic-bezier(0.2, 0.75, 0.15, 1);}#ssyv5 .hero.ready .ln > span{transform: none;}#ssyv5 .hero.ready .ln:nth-child(2) > span{transition-delay: 0.14s;}#ssyv5 .up{opacity: 0; transform: translateY(22px); transition: opacity 1s, transform 1s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .hero.ready .up{opacity: 1; transform: none;}#ssyv5 .hero.ready .up.d1{transition-delay: 0.45s;}#ssyv5 .hero.ready .up.d2{transition-delay: 0.6s;}#ssyv5 .hero.ready .up.d3{transition-delay: 0.75s;}#ssyv5 .hero.ready .up.d4{transition-delay: 0.95s;}#ssyv5 .hero__media{animation: auto ease 0s 1 normal none running none; transform: scale(calc(1.14 - .14 * var(--kb,0) + .08 * var(--hp,0))) translateY(calc(var(--hp,0) * 70px)); transition: none;}#ssyv5 .hero__body{transform: translateY(calc(var(--hp,0) * -60px)); opacity: calc(1 - var(--hp,0) * 1.4);}#ssyv5 .glow{position: absolute; width: 640px; height: 640px; border-radius: 50%; left: var(--gx,50%); top: var(--gy,45%); transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(243, 214, 223, 0.22), transparent 62%); pointer-events: none; transition: left 0.6s ease-out, top 0.6s ease-out; mix-blend-mode: screen;}#ssyv5 .petal{position: absolute; width: 12px; height: 12px; background: rgba(243, 214, 223, 0.55); mask: var(--heart-mask) center/contain no-repeat; bottom: -20px; animation: auto linear 0s infinite normal none running rise; pointer-events: none;}@keyframes rise { 
  0% { transform: translateY(0px) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 0.8; }
  100% { transform: translateY(calc(-40px - 100svh)) rotate(40deg) translateX(40px); opacity: 0; }
}#ssyv5 .hfeat{position: relative; background: var(--bg);}#ssyv5 .hpin{position: sticky; top: 0px; height: 100svh; overflow: hidden; display: flex; flex-direction: column; justify-content: center;}#ssyv5 .hhead{display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; flex-wrap: wrap; margin-bottom: 34px;}#ssyv5 .hcount{font-size: 14px; font-weight: 600; color: var(--muted-2); letter-spacing: 0.08em;}#ssyv5 .hcount b{font-family: var(--serif); font-weight: 400; font-size: 34px; color: var(--wine); letter-spacing: 0px; margin-right: 4px;}#ssyv5 .htrack{display: flex; gap: 22px; padding-left: max(40px, -580px + 50vw); padding-right: 40px; will-change: transform;}#ssyv5 .fcard{flex: 0 0 auto; width: min(860px, 78vw); height: min(520px, 58svh); border-radius: 32px; display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); overflow: hidden; position: relative; background: var(--ivory); border: 1px solid var(--line);}#ssyv5 .fcard.alt{background: var(--blush); border-color: var(--blush-2);}#ssyv5 .fcard.dark{background: var(--plum); border-color: var(--plum); color: rgb(246, 241, 235);}#ssyv5 .fcard .txt{padding: 44px 40px; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2;}#ssyv5 .fcard .no{font-family: var(--serif); font-size: 96px; line-height: 0.8; color: transparent; -webkit-text-stroke: 1.2px var(--rose); margin-bottom: 22px;}#ssyv5 .fcard.dark .no{-webkit-text-stroke-color: rgb(201, 138, 160);}#ssyv5 .fcard .k{font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: var(--wine); margin: 0px 0px 14px;}#ssyv5 .fcard.dark .k{color: rgb(235, 195, 208);}#ssyv5 .fcard h3{margin: 0px; font-size: clamp(26px, 2.5vw, 38px); font-weight: 500; letter-spacing: -0.035em; line-height: 1.08;}#ssyv5 .fcard h3 span{color: var(--wine);}#ssyv5 .fcard.dark h3 span{color: rgb(235, 195, 208);}#ssyv5 .fcard ul{list-style: none; padding: 0px; margin: 22px 0px 24px; display: flex; flex-direction: column; gap: 10px;}#ssyv5 .fcard li{display: flex; gap: 10px; font-size: 15px; line-height: 1.5; color: var(--muted);}#ssyv5 .fcard.dark li{color: rgb(216, 198, 205);}#ssyv5 .fcard li::before{content: ""; flex: 0 0 11px; height: 11px; margin-top: 6px; background: var(--rose); mask: var(--heart-mask) center/contain no-repeat;}#ssyv5 .fcard a{font-weight: 500; font-size: 15px;}#ssyv5 .fcard.dark a{color: rgb(243, 214, 223);}#ssyv5 .fcard .vis{position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden;}#ssyv5 .fcard .vis .rings{width: 700px; height: 700px; left: 50%; top: 55%; margin: -350px 0px 0px -350px;}#ssyv5 .fcard.dark .vis .rings{background: repeating-radial-gradient(circle, transparent 0px, transparent 58px, rgba(243, 214, 223, 0.12) 59px, rgba(243, 214, 223, 0.12) 60px);}#ssyv5 .fcard .vis .pc{--s: .84; position: relative; margin-bottom: -6px; transform: translateY(calc((1 - var(--fa,1)) * 60px)); transition: transform 0.2s linear;}#ssyv5 .hbar{height: 2px; background: var(--line); margin-top: 34px; border-radius: 2px; overflow: hidden;}#ssyv5 .hbar i{display: block; height: 100%; width: 0px; background: var(--wine);}@media (max-width: 960px){#ssyv5 .hpin{position: relative; height: auto; padding: 90px 0px;}#ssyv5 .htrack{overflow-x: auto; scroll-snap-type: x mandatory; padding: 0px 22px 10px; transform: none !important;}#ssyv5 .fcard{width: 86vw; height: auto; grid-template-columns: minmax(0px, 1fr); scroll-snap-align: center;}#ssyv5 .fcard .txt{padding: 30px 26px 10px;}#ssyv5 .fcard .vis{height: 320px;}#ssyv5 .fcard .vis .pc{--s: .62;}#ssyv5 .fcard .no{font-size: 64px;}#ssyv5 .hbar{display: none;}#ssyv5 .hcount{display: none;}#ssyv5 .fan{height: 300px;}#ssyv5 .fan .f1{--s: .46;}#ssyv5 .fan .f2,#ssyv5 .fan .f3{--s: .36;}#ssyv5 .chip{display: none;}#ssyv5 .glow{display: none;}}@media (prefers-reduced-motion: reduce){#ssyv5 .ln > span,#ssyv5 .up{transform: none; opacity: 1; transition: none;}#ssyv5 .petal{display: none;}}#ssyv5 .tpl-track{display: flex; width: max-content; gap: 18px; animation: 70s linear 0s infinite normal none running mq; padding: 6px 0px;}#ssyv5 .tpl-viewport:hover .tpl-track{animation-play-state: paused;}#ssyv5 .tpl{position: relative; margin: 0px; width: 240px; border-radius: 24px; overflow: hidden; aspect-ratio: 9 / 16; background: rgb(233, 223, 217); flex: 0 0 auto; box-shadow: rgba(74, 32, 51, 0.12) 0px 20px 40px;}#ssyv5 .tpl:nth-child(2n){transform: translateY(34px);}#ssyv5 .tpl img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s;}#ssyv5 .tpl:hover img{transform: scale(1.05);}#ssyv5 .tpl figcaption{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 70px 18px 18px; background: linear-gradient(rgba(31, 23, 27, 0), rgba(31, 23, 27, 0.8)); color: rgb(255, 255, 255);}#ssyv5 .tpl figcaption b{display: block; font-family: var(--serif); font-weight: 400; font-size: 26px; line-height: 1;}#ssyv5 .tpl figcaption span{font-size: 12px; opacity: 0.85;}#ssyv5 .pricing{padding: 140px 0px;}#ssyv5 .assure{display: flex; gap: 28px; flex-wrap: wrap; justify-content: center; margin-top: 28px; font-size: 14px; color: var(--muted);}#ssyv5 .assure span{display: inline-flex; align-items: center; gap: 8px;}#ssyv5 .assure svg{width: 16px; height: 16px; color: var(--wine);}#ssyv5 .faq{background: var(--ivory); padding: 130px 0px; margin: 0px 10px; border-radius: var(--radius);}#ssyv5 .faq-list{border-bottom: 1px solid rgb(234, 221, 215);}#ssyv5 .faq-q{width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 24px; background: none; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(234, 221, 215) currentcolor currentcolor; border-image: none; padding: 24px 0px; text-align: left; font: 500 18px / 1.4 Inter, system-ui, sans-serif; color: var(--ink); cursor: pointer;}#ssyv5 .faq-q:hover{color: var(--wine);}#ssyv5 .faq-q .sg{flex: 0 0 36px; height: 36px; border-radius: 50%; border: 1px solid rgb(220, 200, 206); display: grid; place-items: center; color: var(--wine); transition: transform 0.3s, background 0.3s;}#ssyv5 .faq-q[aria-expanded="true"] .sg{transform: rotate(45deg); background: var(--blush);}#ssyv5 .faq-a{display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s;}#ssyv5 .faq-a > div{overflow: hidden;}#ssyv5 .faq-a p{margin: 0px 0px 24px; max-width: 620px; font-size: 16px; line-height: 1.65; color: var(--muted);}#ssyv5 .faq-q[aria-expanded="true"] + .faq-a{grid-template-rows: 1fr;}#ssyv5 .finale{height: 240svh; background: var(--bg);}#ssyv5 .stage{position: sticky; top: 0px; height: 100svh; overflow: hidden; display: grid; place-items: center;}#ssyv5 .heart{position: absolute; inset: 0px; background: var(--plum-2) var(--hero-img) center 30%/cover no-repeat; mask: var(--heart-mask) center 54% / var(--hs,340px) no-repeat; will-change: mask-size;}#ssyv5 .shade{position: absolute; inset: 0px; background: rgba(42, 22, 32, 0.66); opacity: var(--sh,0);}#ssyv5 .names{position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; gap: calc(var(--h0,340px) + 30px); pointer-events: none;}#ssyv5 .names span{font-family: var(--serif); font-size: clamp(56px, 8vw, 118px); line-height: 1; color: var(--wine); opacity: var(--no,1);}#ssyv5 .names span:first-child{transform: translateX(calc(var(--nx,0px) * -1));}#ssyv5 .names span:last-child{transform: translateX(var(--nx,0px));}#ssyv5 .kicker,#ssyv5 .cue{position: absolute; left: 0px; right: 0px; text-align: center; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; color: var(--wine); opacity: var(--ko,1);}#ssyv5 .kicker{top: 12svh;}#ssyv5 .cue{bottom: 9svh;}#ssyv5 .fcopy{position: absolute; left: 50%; top: 50%; width: min(760px, 88%); text-align: center; color: rgb(255, 255, 255); opacity: var(--co,0); transform: translate(-50%,calc(-50% + var(--cy,40px)));}#ssyv5 .fcopy .t em{color: rgb(235, 195, 208);}#ssyv5 .fcopy p{margin: 22px auto 0px; max-width: 520px; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, 0.84);}#ssyv5 .fcopy .assure{color: rgba(255, 255, 255, 0.78);}#ssyv5 footer{background: var(--plum); color: rgb(246, 241, 235); padding: 90px 0px 40px; margin: 0px 10px 10px; border-radius: var(--radius);}#ssyv5 .fcols{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 48px;}#ssyv5 .fnav{display: flex; flex-direction: column;}#ssyv5 .fnav span{font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: rgb(217, 194, 203); margin-bottom: 14px;}#ssyv5 .fnav a,#ssyv5 .fbottom a{color: rgb(205, 187, 195); text-decoration: none; font-size: 14px; line-height: 2.1;}#ssyv5 .fnav a:hover,#ssyv5 .fbottom a:hover{color: rgb(255, 255, 255);}#ssyv5 .fbottom{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 72px; padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 13px; color: rgb(185, 166, 174);}@media (prefers-reduced-motion: reduce){#ssyv5 .hero__media,#ssyv5 .mq,#ssyv5 .tpl-track{animation: auto ease 0s 1 normal none running none;}#ssyv5 .reveal{transition: none;}}@media (max-width: 960px){#ssyv5 .wrap{padding: 0px 22px;}#ssyv5 .faq{padding: 90px 0px;}#ssyv5 .pricing{padding-top: 90px; padding-bottom: 90px;}#ssyv5 .names span{font-size: 52px;}#ssyv5 .cc.dsk{display: none;}#ssyv5 .cc{zoom: 0.72;}#ssyv5 .before .lead{font-size: 16px;}#ssyv5 .before .t{font-size: 36px;}#ssyv5 .tpl{width: 190px;}#ssyv5 .cta-main,#ssyv5 .cta-glass{min-height: 56px;}}:root{--fh: Inter,system-ui,sans-serif; --fhw: 500; --fhl: -0.035em; --fhz: 1; --fs: Inter,system-ui,sans-serif; --fsi: normal; --fsw: 500;}#ssyv5[data-hf="mixte"]{--fs: var(--serif); --fsi: italic; --fsw: 400;}#ssyv5 .hhead .t{font-family: var(--fh); font-weight: var(--fhw); letter-spacing: var(--fhl); font-size: calc(clamp(38px,4.6vw,66px) * var(--fhz));}#ssyv5 .hhead .t em{font-family: var(--fs); font-style: var(--fsi); font-weight: var(--fsw);}#ssyv5 .fcard h3{font-family: var(--fh); font-weight: var(--fhw); letter-spacing: var(--fhl); font-size: calc(clamp(26px,2.5vw,38px) * var(--fhz));}#ssyv5 .fcard h3 span{font-family: var(--fs); font-style: var(--fsi); font-weight: var(--fsw);}#ssyv5 .show{background: var(--plum); color: rgb(246, 241, 235); margin: 40px 10px 0px; border-radius: var(--radius); padding: 130px 0px 110px; overflow: hidden;}#ssyv5 .show .rings.r1{width: 1300px; height: 1300px; left: 58%; top: 42%; margin: -650px 0px 0px -650px; opacity: 0.9; background: repeating-radial-gradient(circle, transparent 0px, transparent 58px, rgba(243, 214, 223, 0.09) 59px, rgba(243, 214, 223, 0.09) 60px);}#ssyv5 .show .eyebrow{color: rgb(226, 195, 206);}#ssyv5 .show .t em{color: rgb(235, 195, 208);}#ssyv5 .show .lead{color: rgb(216, 198, 205);}#ssyv5 .show-grid{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 60px; align-items: center; position: relative;}#ssyv5 .picker{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px; margin: 34px 0px; max-width: 520px;}#ssyv5 .pk{position: relative; padding: 0px; border: 0px; background: rgb(26, 13, 20); border-radius: 12px; overflow: hidden; aspect-ratio: 9 / 14; cursor: pointer; outline: transparent solid 2px; outline-offset: 3px; transition: outline-color 0.3s, transform 0.3s;}#ssyv5 .pk img{width: 100%; height: 100%; object-fit: cover; opacity: 0.55; transition: opacity 0.3s, transform 0.5s;}#ssyv5 .pk:hover img{opacity: 0.85; transform: scale(1.05);}#ssyv5 .pk[aria-selected="true"]{outline-color: rgb(235, 195, 208);}#ssyv5 .pk[aria-selected="true"] img{opacity: 1;}#ssyv5 .pk .bar{position: absolute; left: 0px; bottom: 0px; height: 3px; width: 0px; background: rgb(235, 195, 208); border-radius: 0px;}#ssyv5 .pk[aria-selected="true"].run .bar{animation: 4s linear 0s 1 normal forwards running pkbar;}@keyframes pkbar { 
  100% { width: 100%; }
}#ssyv5 .show-ctas{display: flex; gap: 22px; align-items: center; flex-wrap: wrap;}#ssyv5 .show-link{color: rgb(243, 214, 223); font-weight: 500; font-size: 15px; text-decoration: none;}#ssyv5 .show-link:hover{color: rgb(255, 255, 255);}#ssyv5 .show-stage{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 26px; min-height: 720px;}#ssyv5 .device{position: relative; width: 340px; aspect-ratio: 9 / 16; border-radius: 42px; overflow: hidden; background: rgb(13, 6, 9); box-shadow: rgba(0, 0, 0, 0.45) 0px 60px 120px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px; transform: rotate(-2deg);}#ssyv5 .scr{position: absolute; inset: 0px; opacity: 0; transform: scale(1.06); transition: opacity 0.8s, transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .scr.on{opacity: 1; transform: none;}#ssyv5 .scr img{width: 100%; height: 100%; object-fit: cover;}#ssyv5 .float{position: absolute; display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 251, 249, 0.96); color: var(--plum); border-radius: 999px; padding: 11px 16px; font-size: 13px; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 40px; animation: 6s ease-in-out 0s infinite normal none running bob;}#ssyv5 .float svg{width: 16px; height: 16px; color: var(--wine);}#ssyv5 .f-a{left: 2%; top: 18%;}#ssyv5 .f-b{right: 0px; top: 30%; animation-delay: -1.5s;}#ssyv5 .f-c{left: 0px; bottom: 24%; animation-delay: -3s;}#ssyv5 .f-d{right: 6%; bottom: 12%; animation-delay: -4.5s;}@keyframes bob { 
  50% { transform: translateY(-10px); }
}#ssyv5 .show-name{text-align: center; white-space: nowrap;}#ssyv5 .show-name b{display: block; font-family: var(--serif); font-weight: 400; font-size: 30px; color: rgb(255, 255, 255);}#ssyv5 .show-name span{font-size: 13px; color: rgb(216, 198, 205);}#ssyv5 .show .tpl-viewport{margin-top: 90px;}#ssyv5 .show .tpl{box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 40px;}#ssyv5 .pricing{padding: 30px 0px 140px;}#ssyv5 .ticket{position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 70px minmax(0px, 1fr); max-width: 1000px; margin: 56px auto 0px; background: var(--ivory); border-radius: 30px; box-shadow: rgba(74, 32, 51, 0.14) 0px 40px 90px; padding: 14px;}#ssyv5 .ticket::before{content: ""; position: absolute; inset: 14px; border: 1px solid rgba(107, 41, 67, 0.25); border-radius: 20px; pointer-events: none;}#ssyv5 .ticket::after{content: ""; position: absolute; inset: 20px; border: 1px solid rgba(107, 41, 67, 0.12); border-radius: 16px; pointer-events: none;}#ssyv5 .tk-half{padding: 48px 44px; display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 1;}#ssyv5 .tk-hl{background: var(--blush); border-radius: 18px; margin: 12px;}#ssyv5 .tk-tag{font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; color: var(--wine);}#ssyv5 .tk-amount{font-family: var(--serif); font-size: 96px; line-height: 1; margin: 14px 0px 10px; color: var(--plum);}#ssyv5 .tk-desc{margin: 0px; font-size: 15px; line-height: 1.6; color: var(--muted);}#ssyv5 .tk-half ul{list-style: none; padding: 0px; margin: 24px 0px 32px; display: flex; flex-direction: column; gap: 12px; font-size: 15px; flex: 1 1 0%;}#ssyv5 .tk-half li{display: flex; gap: 12px;}#ssyv5 .tk-half li::before{content: ""; flex: 0 0 12px; height: 12px; margin-top: 4px; background: var(--rose); mask: var(--heart-mask) center/contain no-repeat;}#ssyv5 .tk-sep{position: relative; display: flex; align-items: center; justify-content: center; z-index: 1;}#ssyv5 .tk-sep::before{content: ""; position: absolute; top: 40px; bottom: 40px; left: 50%; border-left: 1.5px dashed rgba(107, 41, 67, 0.3);}#ssyv5 .tk-sep span{position: relative; background: var(--ivory); font-family: var(--serif); font-style: italic; font-size: 20px; color: var(--wine); padding: 10px 0px;}#ssyv5 .pricing .assure{display: flex; gap: 28px; flex-wrap: wrap; justify-content: center; margin-top: 30px; font-size: 14px; color: var(--muted);}#ssyv5 .pricing .assure span{display: inline-flex; align-items: center; gap: 8px;}#ssyv5 .pricing .assure span::before{content: ""; width: 10px; height: 10px; background: var(--rose); mask: var(--heart-mask) center/contain no-repeat;}#ssyv5 .faq{background: transparent; padding: 40px 0px 140px; margin: 0px;}#ssyv5 .faq-grid{display: grid; grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); gap: 70px; align-items: start;}#ssyv5 .faq-side{position: sticky; top: 60px;}#ssyv5 .faq-help{margin-top: 36px; background: var(--plum); color: rgb(246, 241, 235); border-radius: 22px; padding: 24px; display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 14px 16px; align-items: center;}#ssyv5 .faq-help b{font-size: 16px;}#ssyv5 .faq-help p{margin: 4px 0px 0px; font-size: 14px; color: rgb(216, 198, 205);}#ssyv5 .faq-help .btn{grid-column: 1 / -1; justify-self: start;}#ssyv5 .mono-lg{width: 48px; height: 48px; border-radius: 14px; background: rgba(243, 214, 223, 0.14); display: grid; place-items: center; font-family: var(--serif); font-size: 20px; color: rgb(243, 214, 223);}#ssyv5 .faq-list{border: 0px; display: flex; flex-direction: column; gap: 12px;}#ssyv5 .faq-q{border: 1px solid var(--line); border-radius: 20px; background: var(--ivory); padding: 22px 24px; transition: background 0.3s, border-color 0.3s, border-radius 0.3s;}#ssyv5 .faq-q[aria-expanded="true"]{background: var(--blush); border-top-color: ; border-right-color: ; border-left-color: ; border-radius: 20px 20px 0px 0px; border-bottom-color: transparent;}#ssyv5 .faq-a{margin-top: -12px;}#ssyv5 .faq-a > div{background: var(--blush); border-radius: 0px 0px 20px 20px; border: 1px solid transparent;}#ssyv5 .faq-q[aria-expanded="false"] + .faq-a > div{border-color: transparent;}#ssyv5 .faq-q[aria-expanded="true"] + .faq-a{margin-top: -12px;}#ssyv5 .faq-a p{padding: 0px 24px; margin: 4px 0px 22px;}#ssyv5 .faq-q[aria-expanded="false"] + .faq-a{margin-top: -12px;}#ssyv5 footer{padding: 90px 0px 34px; overflow: hidden;}#ssyv5 .fnavs{display: flex; flex-wrap: wrap; gap: 72px;}#ssyv5 .wordmark{position: relative; font-family: var(--serif); font-size: clamp(70px, 15.5vw, 230px); line-height: 0.85; letter-spacing: -0.03em; color: rgb(243, 214, 223); opacity: 0.16; margin: 80px 0px 0px; white-space: nowrap; display: flex; align-items: flex-start;}#ssyv5 .wordmark i{width: 0.16em; height: 0.16em; margin-top: 0.02em; background: currentcolor; mask: var(--heart-mask) center/contain no-repeat; transform: rotate(12deg);}#ssyv5 .fbottom{margin-top: 30px;}@media (max-width: 960px){#ssyv5 .show{padding: 90px 0px 80px;}#ssyv5 .show-grid{grid-template-columns: minmax(0px, 1fr); gap: 30px;}#ssyv5 .show-stage{min-height: 560px; order: -1;}#ssyv5 .device{width: 260px;}#ssyv5 .float{display: none;}#ssyv5 .picker{grid-template-columns: repeat(5, minmax(0px, 1fr));}#ssyv5 .ticket{grid-template-columns: minmax(0px, 1fr);}#ssyv5 .tk-sep{height: 50px;}#ssyv5 .tk-sep::before{inset: 50% 40px auto; border-left: 0px; border-top: 1.5px dashed rgba(107, 41, 67, 0.3);}#ssyv5 .tk-half{padding: 34px 28px;}#ssyv5 .tk-amount{font-size: 72px;}#ssyv5 .faq-grid{grid-template-columns: minmax(0px, 1fr); gap: 40px;}#ssyv5 .faq-side{position: static;}}:root{--t0: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-0.webp"); --t1: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-1.webp"); --t2: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-2.webp"); --t3: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-3.webp"); --t4: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-4.webp"); --t5: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-5.webp"); --t6: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-6.webp"); --t7: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-7.webp"); --t8: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-8.webp"); --t9: url("/wp-content/uploads/2026/11/ssy-home-v5-modele-9.webp");}#ssyv5 .ti{display: block; width: 100%; height: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat;}#ssyv5 .t0{background-image: var(--t0);}#ssyv5 .t1{background-image: var(--t1);}#ssyv5 .t2{background-image: var(--t2);}#ssyv5 .t3{background-image: var(--t3);}#ssyv5 .t4{background-image: var(--t4);}#ssyv5 .t5{background-image: var(--t5);}#ssyv5 .t6{background-image: var(--t6);}#ssyv5 .t7{background-image: var(--t7);}#ssyv5 .t8{background-image: var(--t8);}#ssyv5 .t9{background-image: var(--t9);}#ssyv5 .device{position: relative; width: 322px; padding: 11px; border-radius: 58px; background: linear-gradient(150deg, rgb(74, 54, 64) 0%, rgb(26, 16, 21) 30%, rgb(15, 8, 11) 70%, rgb(59, 42, 50) 100%); box-shadow: rgb(91, 69, 80) 0px 0px 0px 1.5px, rgb(20, 11, 16) 0px 0px 0px 3px, rgba(0, 0, 0, 0.5) 0px 70px 120px, rgba(0, 0, 0, 0.35) 0px 30px 60px; transform: none; overflow: visible; aspect-ratio: auto;}#ssyv5 .device::before,#ssyv5 .device::after{content: ""; position: absolute; width: 4px; border-radius: 2px; background: rgb(43, 30, 36);}#ssyv5 .device::before{left: -5px; top: 150px; height: 64px; box-shadow: rgb(43, 30, 36) 0px 84px 0px;}#ssyv5 .device::after{right: -5px; top: 190px; height: 96px;}#ssyv5 .screen{position: relative; border-radius: 47px; overflow: hidden; aspect-ratio: 406 / 876; background: rgb(246, 241, 235);}#ssyv5 .screen::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(115deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 38%); pointer-events: none; z-index: 3;}#ssyv5 .scr{position: absolute; inset: 0px; opacity: 0; transform: scale(1.04); transition: opacity 0.8s, transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .scr.on{opacity: 1; transform: none;}#ssyv5 .pk{aspect-ratio: 9 / 19;}#ssyv5 .pk .ti{opacity: 0.55; transition: opacity 0.3s, transform 0.5s;}#ssyv5 .pk:hover .ti{opacity: 0.85; transform: scale(1.05);}#ssyv5 .pk[aria-selected="true"] .ti{opacity: 1;}#ssyv5 .picker{grid-template-columns: repeat(10, minmax(0px, 1fr)); gap: 8px; max-width: 560px;}#ssyv5 .show .tpl{aspect-ratio: 9 / 19.3; width: 220px; border-radius: 30px; background: rgb(246, 241, 235); border: 6px solid rgb(18, 10, 14); box-shadow: rgb(74, 54, 64) 0px 0px 0px 1px, rgba(0, 0, 0, 0.35) 0px 24px 50px;}#ssyv5 .show .tpl .ti{transition: transform 0.6s;}#ssyv5 .show .tpl:hover .ti{transform: scale(1.04);}#ssyv5 .f-a{left: 4%; top: 20%;}#ssyv5 .f-b{right: 2%; top: 32%;}#ssyv5 .f-c{left: 2%; bottom: 30%;}#ssyv5 .f-d{right: 8%; bottom: 18%;}#ssyv5 footer{margin: 0px; border-radius: 0px; padding-top: 110px;}#ssyv5 .stage::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 38%; background: linear-gradient(rgba(42,22,32,0),var(--plum)); opacity: var(--sh,0); pointer-events: none;}#ssyv5 .fcopy{z-index: 2;}@media (max-width: 960px){#ssyv5 .device{width: 250px; padding: 9px; border-radius: 46px;}#ssyv5 .screen{border-radius: 38px;}#ssyv5 .picker{grid-template-columns: repeat(5, minmax(0px, 1fr));}#ssyv5 .show .tpl{width: 170px;}}#ssyv5 .std .ti{aspect-ratio: 9 / 14; height: auto;}#ssyv5 .mood .ti{width: 58px; height: 84px; border-radius: 7px;}#ssyv5 .snav{position: fixed; top: 10px; left: 10px; right: 10px; z-index: 90; padding: 0px; pointer-events: none; opacity: 0; transform: translateY(-12px); transition: opacity 1s 0.3s, transform 1s 0.3s;}#ssyv5 .snav.ready{opacity: 1; transform: none;}#ssyv5 .snav > *{pointer-events: auto;}#ssyv5 .snav-bar{position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 80px; padding: 0px 12px 0px 28px; border-radius: 24px; border: 1px solid transparent; transition: background 0.45s, box-shadow 0.45s, height 0.45s, border-color 0.45s, margin 0.45s, max-width 0.45s; margin: 0px auto;}#ssyv5 .snav .logo{color: rgb(255, 255, 255); transition: color 0.4s;}#ssyv5 .snav .logo i{transition: background 0.4s;}#ssyv5 .snav-links{position: relative; display: flex; align-items: center; gap: 2px;}#ssyv5 .snav-item{position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0px 16px; border: 0px; background: none; border-radius: 999px; font: 500 14px / 1 Inter, system-ui, sans-serif; color: rgba(255, 255, 255, 0.88); text-decoration: none; cursor: pointer; transition: color 0.3s;}#ssyv5 .snav-item svg{width: 14px; height: 14px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .snav-item[aria-expanded="true"] svg{transform: rotate(180deg);}#ssyv5 .snav-item:hover,#ssyv5 .snav-item[aria-expanded="true"]{color: rgb(255, 255, 255);}#ssyv5 .snav-pill{position: absolute; top: 50%; height: 42px; margin-top: -21px; left: 0px; width: 0px; border-radius: 999px; background: rgba(255, 255, 255, 0.14); opacity: 0; transition: left 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), width 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.25s, background 0.3s; pointer-events: none;}#ssyv5 .snav-actions{display: flex; align-items: center; gap: 6px;}#ssyv5 .snav-login{color: rgba(255, 255, 255, 0.88); text-decoration: none; font-size: 14px; font-weight: 500; padding: 0px 14px; height: 42px; display: inline-flex; align-items: center; border-radius: 999px; transition: color 0.3s, background 0.3s;}#ssyv5 .snav-login:hover{color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.12);}#ssyv5 .snav-cta{display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0px 6px 0px 20px; border-radius: 999px; background: var(--ivory); color: var(--plum); font: 500 14px / 1 Inter, sans-serif; text-decoration: none; transition: background 0.35s, color 0.35s, transform 0.25s;}#ssyv5 .snav-cta b{width: 36px; height: 36px; border-radius: 50%; background: var(--wine); display: grid; place-items: center; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .snav-cta b svg{width: 15px; height: 15px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}#ssyv5 .snav-cta:hover{transform: translateY(-1px); color: var(--plum);}#ssyv5 .snav-cta:hover b{transform: rotate(-45deg);}#ssyv5 .burger{display: none; width: 48px; height: 48px; border-radius: 50%; border: 0px; background: rgba(255, 255, 255, 0.14); cursor: pointer; position: relative;}#ssyv5 .burger span{position: absolute; left: 15px; right: 15px; height: 1.6px; background: rgb(255, 255, 255); border-radius: 2px; transition: transform 0.35s, top 0.35s, background 0.3s;}#ssyv5 .burger span:first-child{top: 19px;}#ssyv5 .burger span:last-child{top: 27px;}#ssyv5 .snav.light .snav-bar{max-width: 1240px; height: 66px; background: rgba(255, 251, 249, 0.86); backdrop-filter: blur(18px) saturate(1.5); border-color: rgba(234, 219, 214, 0.9); box-shadow: rgba(42, 22, 32, 0.12) 0px 16px 50px; margin-top: 6px;}#ssyv5 .snav.light .logo{color: var(--plum);}#ssyv5 .snav.light .logo i{background: var(--rose);}#ssyv5 .snav.light .snav-item,#ssyv5 .snav.light .snav-login{color: var(--ink);}#ssyv5 .snav.light .snav-item:hover,#ssyv5 .snav.light .snav-item[aria-expanded="true"]{color: var(--wine);}#ssyv5 .snav.light .snav-pill{background: var(--blush);}#ssyv5 .snav.light .snav-login:hover{background: var(--blush); color: var(--wine);}#ssyv5 .snav.light .snav-cta{background: var(--plum); color: rgb(255, 255, 255);}#ssyv5 .snav.light .snav-cta b{background: rgba(255, 255, 255, 0.16);}#ssyv5 .snav.light .burger{background: var(--blush);}#ssyv5 .snav.light .burger span{background: var(--plum);}#ssyv5 .mm{position: absolute; left: 0px; right: 0px; top: calc(100% + 10px); z-index: 2; max-width: 1180px; margin: 0px auto; background: var(--ivory); border: 1px solid var(--line); border-radius: 28px; box-shadow: rgba(42, 22, 32, 0.28) 0px 50px 120px, rgba(42, 22, 32, 0.08) 0px 10px 30px; padding: 26px 26px 0px; opacity: 0; visibility: hidden; transform: translateY(-10px) scale(0.985); transform-origin: 50% 0px; transition: opacity 0.3s, transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0.45s; overflow: hidden;}#ssyv5 .mm.on{opacity: 1; visibility: visible; transform: none; transition: opacity 0.3s, transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), visibility;}#ssyv5 .mm-grid{display: grid; gap: 18px; padding-bottom: 22px;}#ssyv5 .mm-feat{grid-template-columns: repeat(3, minmax(0px, 1fr)) 300px;}#ssyv5 .mm-models{grid-template-columns: 220px minmax(0px, 1fr); gap: 30px;}#ssyv5 .mm-res{grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 0.8fr) 380px; gap: 24px;}#ssyv5 .mm-col,#ssyv5 .mm-feature,#ssyv5 .mm-guide,#ssyv5 .mm-thumbs{opacity: 0; transform: translateY(10px);}#ssyv5 .mm.on .mm-col,#ssyv5 .mm.on .mm-feature,#ssyv5 .mm.on .mm-guide,#ssyv5 .mm.on .mm-thumbs{animation: 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal forwards running mmIn;}#ssyv5 .mm.on .mm-grid > :nth-child(2){animation-delay: 0.05s;}#ssyv5 .mm.on .mm-grid > :nth-child(3){animation-delay: 0.1s;}#ssyv5 .mm.on .mm-grid > :nth-child(4){animation-delay: 0.15s;}@keyframes mmIn { 
  100% { opacity: 1; transform: none; }
}#ssyv5 .mm-k{margin: 4px 0px 10px 12px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: var(--rose);}#ssyv5 .mm-link{display: grid; grid-template-columns: 42px minmax(0px, 1fr); gap: 14px; align-items: center; padding: 10px 12px; border-radius: 16px; text-decoration: none; color: var(--ink); transition: background 0.25s;}#ssyv5 .mm-link .ic{width: 42px; height: 42px; border-radius: 13px; background: var(--blush); color: var(--wine); display: grid; place-items: center; transition: background 0.25s, color 0.25s, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .mm-link .ic svg{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}#ssyv5 .mm-link b{display: block; font-size: 15px; font-weight: 600; letter-spacing: -0.01em;}#ssyv5 .mm-link small{display: block; margin-top: 3px; font-size: 13px; color: var(--muted-2); line-height: 1.35;}#ssyv5 .mm-link:hover{background: rgb(251, 241, 239); color: var(--ink);}#ssyv5 .mm-link:hover .ic{background: var(--wine); color: rgb(255, 255, 255); transform: scale(1.06) rotate(-4deg);}#ssyv5 .mm-feature,#ssyv5 .mm-guide{position: relative; display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; text-decoration: none; padding: 24px; min-height: 300px;}#ssyv5 .mm-feature{background: var(--plum); color: rgb(255, 255, 255);}#ssyv5 .mm-feature .rings{width: 600px; height: 600px; left: 50%; top: 78%; margin: -300px 0px 0px -300px; background: repeating-radial-gradient(circle, transparent 0px, transparent 40px, rgba(243, 214, 223, 0.12) 41px, rgba(243, 214, 223, 0.12) 42px);}#ssyv5 .mm-tag{position: relative; align-self: flex-start; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; padding: 6px 10px; border-radius: 999px; background: rgba(243, 214, 223, 0.16); color: rgb(243, 214, 223);}#ssyv5 .mm-feature b,#ssyv5 .mm-guide b{position: relative; display: block; margin-top: 14px; font-family: var(--serif); font-weight: 400; font-size: 26px; line-height: 1.1;}#ssyv5 .mm-feature small,#ssyv5 .mm-guide small{position: relative; margin-top: 8px; font-size: 14px; color: rgb(235, 195, 208); font-weight: 500;}#ssyv5 .mm-feature .pc{--s: .42; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%) translateY(14px); transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .mm-feature:hover .pc{transform: translateX(-50%) translateY(0px) rotate(-2deg);}#ssyv5 .mm-feature:hover small,#ssyv5 .mm-guide:hover small{color: rgb(255, 255, 255);}#ssyv5 .mm-guide{justify-content: flex-end; color: rgb(255, 255, 255); background: var(--plum-2) var(--hero-img) center 30%/cover no-repeat;}#ssyv5 .mm-guide::before{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(42, 22, 32, 0.05) 20%, rgba(42, 22, 32, 0.85)); transition: opacity 0.4s;}#ssyv5 .mm-guide .mm-tag{position: absolute; top: 22px; left: 22px;}#ssyv5 .mm-guide b{font-size: 28px;}#ssyv5 .mm-guide:hover::before{opacity: 0.85;}#ssyv5 .mm-styles{display: flex; flex-wrap: wrap; gap: 8px; padding: 0px 12px;}#ssyv5 .mm-styles a{padding: 9px 14px; border-radius: 999px; border: 1px solid var(--line); font-size: 13px; font-weight: 500; color: var(--ink); text-decoration: none; transition: background 0.25s, border-color 0.25s, color 0.25s;}#ssyv5 .mm-styles a:hover{background: var(--wine); border-color: var(--wine); color: rgb(255, 255, 255);}#ssyv5 .mm-mini{display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; border-radius: 12px; font-size: 15px; font-weight: 500; color: var(--ink); text-decoration: none; transition: background 0.25s, color 0.25s, padding 0.25s;}#ssyv5 .mm-mini::after{content: "→"; opacity: 0; transform: translateX(-6px); transition: opacity 0.25s, transform 0.25s; color: var(--wine);}#ssyv5 .mm-mini:hover{background: rgb(251, 241, 239); color: var(--wine);}#ssyv5 .mm-mini:hover::after{opacity: 1; transform: none;}#ssyv5 .mm-thumbs{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 16px; align-items: end;}#ssyv5 .mm-th{display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; color: var(--ink);}#ssyv5 .mm-ph{display: block; width: 100%; aspect-ratio: 9 / 19.3; border-radius: 22px; border: 5px solid rgb(20, 11, 16); background: rgb(246, 241, 235); overflow: hidden; box-shadow: rgb(74, 54, 64) 0px 0px 0px 1px, rgba(42, 22, 32, 0.18) 0px 18px 30px; transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.45s;}#ssyv5 .mm-th b{font-family: var(--serif); font-weight: 400; font-size: 17px;}#ssyv5 .mm-th:hover .mm-ph{transform: translateY(-8px) rotate(-2deg); box-shadow: rgb(74, 54, 64) 0px 0px 0px 1px, rgba(42, 22, 32, 0.25) 0px 30px 40px;}#ssyv5 .mm-th:nth-child(2n):hover .mm-ph{transform: translateY(-8px) rotate(2deg);}#ssyv5 .mm-foot{display: flex; align-items: center; gap: 26px; flex-wrap: wrap; margin: 0px -26px; padding: 16px 38px; background: rgb(251, 244, 241); border-top: 1px solid var(--line); font-size: 13px; color: var(--muted);}#ssyv5 .mm-foot span{display: inline-flex; align-items: center; gap: 8px;}#ssyv5 .mm-foot i{width: 10px; height: 10px; background: var(--rose); mask: var(--heart-mask) center/contain no-repeat;}#ssyv5 .mm-foot a{margin-left: auto; font-weight: 600; color: var(--wine); text-decoration: none;}#ssyv5 .mm-foot a:hover{text-decoration: underline;}#ssyv5 .mm-backdrop{position: fixed; inset: 0px; z-index: 85; background: rgba(31, 16, 24, 0.32); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s;}#ssyv5 .mm-backdrop.on{opacity: 1; visibility: visible; transition: opacity 0.35s, visibility;}#ssyv5 .mdrawer{display: none;}#ssyv5 .hero-spacer{height: 80px; flex: 0 0 auto;}@media (max-width: 1100px){#ssyv5 .mm-feat{grid-template-columns: repeat(3, minmax(0px, 1fr));}#ssyv5 .mm-feature{display: none;}#ssyv5 .mm-res{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);}#ssyv5 .mm-guide{display: none;}}@media (max-width: 960px){#ssyv5 .snav-links,#ssyv5 .snav-login,#ssyv5 .mm{display: none;}#ssyv5 .snav-cta{height: 44px; padding-left: 16px; font-size: 13px;}#ssyv5 .snav-cta b{width: 32px; height: 32px;}#ssyv5 .burger{display: block;}#ssyv5 .snav-bar{height: 66px; padding: 0px 10px 0px 20px;}#ssyv5 .snav.mopen .burger span:first-child{top: 23px; transform: rotate(45deg);}#ssyv5 .snav.mopen .burger span:last-child{top: 23px; transform: rotate(-45deg);}#ssyv5 .mdrawer{display: block; position: absolute; left: 0px; right: 0px; top: calc(100% + 8px); max-height: calc(-110px + 100svh); overflow: auto; background: var(--ivory); border: 1px solid var(--line); border-radius: 24px; padding: 10px 18px 18px; box-shadow: rgba(42, 22, 32, 0.3) 0px 40px 90px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s, transform 0.4s, visibility 0.4s;}#ssyv5 .snav.mopen .mdrawer{opacity: 1; visibility: visible; transform: none; transition: opacity 0.3s, transform 0.4s, visibility;}#ssyv5 .mdrawer details{border-bottom: 1px solid var(--line);}#ssyv5 .mdrawer summary{list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 18px 4px; font-size: 18px; font-weight: 600; color: var(--ink); cursor: pointer;}#ssyv5 .mdrawer summary::-webkit-details-marker{display: none;}#ssyv5 .mdrawer summary::after{content: "+"; font-weight: 400; font-size: 22px; color: var(--wine); transition: transform 0.3s;}#ssyv5 .mdrawer details[open] summary::after{transform: rotate(45deg);}#ssyv5 .mdrawer details a{display: block; padding: 10px 4px; font-size: 15px; color: var(--muted); text-decoration: none;}#ssyv5 .mdrawer details[open]{padding-bottom: 10px;}#ssyv5 .md-thumbs{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; margin: 2px 0px 8px;}#ssyv5 .md-thumbs .ti{aspect-ratio: 9 / 19; border-radius: 12px; border: 3px solid rgb(20, 11, 16); height: auto;}#ssyv5 .md-top{display: block; padding: 18px 4px; font-size: 18px; font-weight: 600; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line);}#ssyv5 .md-ctas{display: grid; gap: 10px; margin-top: 18px;}#ssyv5 .md-ctas .btn{width: 100%;}}@media (prefers-reduced-motion: reduce){#ssyv5 .snav,#ssyv5 .mm,#ssyv5 .mm-col,#ssyv5 .mm-feature,#ssyv5 .mm-guide,#ssyv5 .mm-thumbs{transition: none; opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none !important;}#ssyv5 .mm:not(.on){opacity: 0;}}#ssyv5 .snav .logo{white-space: nowrap;}#ssyv5 .mm-feature{min-height: 0px; justify-content: flex-start;}#ssyv5 .mm-feature b{max-width: 64%; font-size: 23px;}#ssyv5 .mm-feature small{max-width: 64%;}#ssyv5 .mm-feature .pc{--s: .4; left: auto; right: -26px; bottom: -60px; transform: rotate(9deg) translateY(10px);}#ssyv5 .mm-feature:hover .pc{transform: rotate(5deg) translateY(-6px);}@media (max-width: 960px){#ssyv5 .snav .logo{font-size: 21px;}#ssyv5 .snav-bar{gap: 8px; padding: 0px 8px 0px 18px;}#ssyv5 .snav-actions{gap: 4px;}#ssyv5 .snav-cta{padding-left: 14px; gap: 8px;}#ssyv5 .burger{width: 44px; height: 44px; flex: 0 0 auto;}#ssyv5 .burger span{left: 13px; right: 13px;}#ssyv5 .burger span:first-child{top: 17px;}#ssyv5 .burger span:last-child{top: 25px;}#ssyv5 .snav.mopen .burger span:first-child,#ssyv5 .snav.mopen .burger span:last-child{top: 21px;}}@media (max-width: 380px){#ssyv5 .snav-cta{display: none;}}#ssyv5 .vows{padding: 150px 0px 130px;}#ssyv5 .vows-grid{display: grid; grid-template-columns: minmax(0px, 5fr) minmax(0px, 6fr); gap: 80px; align-items: center;}#ssyv5 .vows-side .lead{margin: 24px 0px 0px; max-width: 470px;}#ssyv5 .vow-card{position: relative; background: var(--ivory); border-radius: 30px; padding: 54px 54px 44px; box-shadow: rgba(74, 32, 51, 0.14) 0px 40px 90px; transform: rotate(1.2deg); transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .vow-card:hover{transform: rotate(0deg);}#ssyv5 .vow-card::before{content: ""; position: absolute; inset: 14px; border: 1px solid rgba(107, 41, 67, 0.25); border-radius: 20px; pointer-events: none;}#ssyv5 .vow-card::after{content: ""; position: absolute; inset: 20px; border: 1px solid rgba(107, 41, 67, 0.1); border-radius: 16px; pointer-events: none;}#ssyv5 .vow-kicker{margin: 0px 0px 18px; text-align: center; font-family: var(--serif); font-style: italic; font-size: 22px; color: var(--wine);}#ssyv5 .vow-list{list-style: none; padding: 0px; margin: 0px;}#ssyv5 .vow-list li{display: grid; grid-template-columns: 56px minmax(0px, 1fr); gap: 16px; padding: 22px 0px; border-top: 1px solid rgb(239, 226, 221);}#ssyv5 .vow-list li:first-child{border-top: 0px;}#ssyv5 .vn{font-family: var(--serif); font-size: 30px; line-height: 1; color: var(--rose); text-align: center; padding-top: 2px;}#ssyv5 .vow-list b{display: block; font-size: 18px; font-weight: 600; letter-spacing: -0.015em;}#ssyv5 .vow-list p{margin: 6px 0px 0px; font-size: 15px; line-height: 1.55; color: var(--muted);}#ssyv5 .vow-sign{margin: 16px 0px 0px; text-align: right; font-family: var(--serif); font-style: italic; font-size: 22px; color: var(--plum); display: flex; justify-content: flex-end; align-items: flex-start; gap: 4px;}#ssyv5 .vow-sign i{width: 12px; height: 12px; background: var(--rose); mask: var(--heart-mask) center/contain no-repeat; transform: rotate(12deg);}#ssyv5 .vow-list li{opacity: 0; transform: translateX(16px); transition: opacity 0.6s, transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);}#ssyv5 .vow-card.in li{opacity: 1; transform: none;}#ssyv5 .vow-card.in li:nth-child(2){transition-delay: 0.12s;}#ssyv5 .vow-card.in li:nth-child(3){transition-delay: 0.24s;}#ssyv5 .vow-card.in li:nth-child(4){transition-delay: 0.36s;}#ssyv5 .vow-card.reveal{transform: rotate(1.2deg) translateY(28px);}#ssyv5 .vow-card.reveal.in{transform: rotate(1.2deg);}#ssyv5 .vow-card.reveal.in:hover{transform: rotate(0deg);}#ssyv5 .seo{padding: 20px 0px 120px;}#ssyv5 .seo .wrap{border-top: 1px solid var(--line); padding-top: 60px;}#ssyv5 .seo-grid{display: grid; grid-template-columns: minmax(0px, 4fr) minmax(0px, 7fr); gap: 60px;}#ssyv5 .seo-h{margin: 0px; font-size: 26px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; max-width: 340px;}#ssyv5 .seo-txt p{margin: 0px 0px 16px; font-size: 15px; line-height: 1.75; color: var(--muted);}#ssyv5 .seo-txt a{color: var(--wine); text-decoration: underline rgba(107, 41, 67, 0.3); text-underline-offset: 3px;}#ssyv5 .seo-txt a:hover{text-decoration-color: var(--wine);}#ssyv5 .seo-more{display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s;}#ssyv5 .seo-more > *{overflow: hidden;}#ssyv5 .seo-more{position: relative;}#ssyv5 .seo-more.open{grid-template-rows: 1fr;}#ssyv5 .seo-more p:first-child{margin-top: 0px;}#ssyv5 .seo-toggle{border: 0px; background: none; padding: 6px 0px; font: 600 14px Inter, sans-serif; color: var(--wine); cursor: pointer; display: inline-flex; align-items: center; gap: 6px;}#ssyv5 .seo-toggle::after{content: ""; width: 7px; height: 7px; border-right: 1.6px solid; border-bottom: 1.6px solid; transform: rotate(45deg) translate(-2px, -2px); transition: transform 0.3s;}#ssyv5 .seo-toggle[aria-expanded="true"]::after{transform: rotate(-135deg);}#ssyv5 .seo-tags{list-style: none; padding: 0px; margin: 40px 0px 0px; display: flex; flex-wrap: wrap; gap: 8px;}#ssyv5 .seo-tags a{display: inline-block; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); font-size: 13px; color: var(--muted); text-decoration: none; transition: 0.25s;}#ssyv5 .seo-tags a:hover{border-color: var(--wine); color: var(--wine); background: var(--ivory);}@media (max-width: 960px){#ssyv5 .vows{padding: 90px 0px;}#ssyv5 .vows-grid,#ssyv5 .seo-grid{grid-template-columns: minmax(0px, 1fr); gap: 36px;}#ssyv5 .vow-card{padding: 40px 26px 32px; transform: none;}#ssyv5 .vow-card.reveal,#ssyv5 .vow-card.reveal.in{transform: none;}#ssyv5 .vow-list li{grid-template-columns: 40px minmax(0px, 1fr);}}#ssyv5 .seo-block{padding: 44px 0px; border-top: 1px solid var(--line);}#ssyv5 .seo-block:first-child{border-top: 0px; padding-top: 0px;}#ssyv5 .seo .wrap{padding-top: 60px;}body.ssy-v5{background: rgb(247, 240, 236); margin: 0px !important; padding: 0px !important;}@media (max-width:960px){#ssyv5 .hero__proof{margin-top:20px}#ssyv5 .hero__proof span:nth-child(n+2){display:none}}
/* ===== Correctifs mobile (v5.1) ===== */
@media (max-width:960px){
#ssyv5 .snav-bar{height:62px}
#ssyv5 .hero__sub{font-size:16px;margin-top:20px}
#ssyv5 .hero__ctas{margin-top:30px;width:100%;flex-direction:column;align-items:stretch;max-width:340px}
#ssyv5 .cta-main,#ssyv5 .cta-glass{justify-content:space-between}
#ssyv5 .cta-glass{justify-content:center}
/* Menu mobile */
#ssyv5 .mdrawer{display:flex;flex-direction:column;position:fixed;left:10px;right:10px;top:82px;bottom:10px;max-height:none;padding:0;overflow:hidden;background:var(--ivory);border:1px solid var(--line);border-radius:26px;box-shadow:0 40px 90px rgba(42,22,32,.3);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.98);transform-origin:50% 0;transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s .45s}
#ssyv5 .snav.mopen .mdrawer{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s}
#ssyv5 .md-inner{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 16px 16px}
#ssyv5 .md-inner>*{opacity:0;transform:translateY(10px)}
#ssyv5 .snav.mopen .md-inner>*{animation:mmIn .5s cubic-bezier(.2,.7,.2,1) forwards}
#ssyv5 .snav.mopen .md-inner>:nth-child(2){animation-delay:.04s}#ssyv5 .snav.mopen .md-inner>:nth-child(3){animation-delay:.08s}#ssyv5 .snav.mopen .md-inner>:nth-child(4){animation-delay:.12s}#ssyv5 .snav.mopen .md-inner>:nth-child(5){animation-delay:.16s}
#ssyv5 .md-k{margin:4px 4px 10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--rose)}
#ssyv5 .md-k:not(:first-child){margin-top:22px}
#ssyv5 .md-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#ssyv5 .md-tile{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:18px;background:#fff;border:1px solid #F0E3DF;color:var(--ink);text-decoration:none}
#ssyv5 .md-tile:active{background:var(--blush)}
#ssyv5 .md-tile .ic{width:36px;height:36px;border-radius:11px;background:var(--blush);color:var(--wine);display:grid;place-items:center;margin-bottom:8px}
#ssyv5 .md-tile .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#ssyv5 .md-tile b{font-size:15px;font-weight:600;letter-spacing:-0.01em}
#ssyv5 .md-tile small{font-size:12px;color:var(--muted-2)}
#ssyv5 .md-models{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
#ssyv5 .md-models::-webkit-scrollbar{display:none}
#ssyv5 .md-models a{flex:0 0 86px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink);scroll-snap-align:start}
#ssyv5 .md-ph{display:block;width:86px;aspect-ratio:9/19.3;border-radius:16px;border:4px solid #140b10;overflow:hidden;background:#F6F1EB;box-shadow:0 10px 20px rgba(42,22,32,.15)}
#ssyv5 .md-models b{font-family:var(--serif);font-weight:400;font-size:14px}
#ssyv5 .md-links{margin-top:20px;border-top:1px solid var(--line)}
#ssyv5 .md-links a{display:flex;flex-direction:column;padding:15px 4px;border-bottom:1px solid var(--line);font-size:17px;font-weight:600;color:var(--ink);text-decoration:none;position:relative}
#ssyv5 .md-links a::after{content:"→";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--wine);font-weight:400}
#ssyv5 .md-links a span{font-size:12px;font-weight:500;color:var(--muted-2);margin-top:2px}
#ssyv5 .md-ctas{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:14px 16px 16px;border-top:1px solid var(--line);background:#FBF4F1}
#ssyv5 .md-ctas .btn{width:100%;min-height:54px}
#ssyv5 .md-ctas small{font-size:12px;color:var(--muted-2)}
/* Scène « éparpillé » plus courte */
#ssyv5 .chaos{height:260svh}
#ssyv5 .before .t{font-size:34px}
/* Fonctionnalités : cartes compactes + indication de glisser */
#ssyv5 .hhead{margin-bottom:22px}
#ssyv5 .hhead::after{content:"Faites glisser pour découvrir →";display:block;width:100%;font-size:13px;font-weight:500;color:var(--rose);margin-top:-6px}
#ssyv5 .htrack{gap:12px;padding:0 16px 10px;scroll-padding:0 16px;scrollbar-width:none}
#ssyv5 .htrack::-webkit-scrollbar{display:none}
#ssyv5 .fcard{width:84vw;border-radius:26px}
#ssyv5 .fcard .txt{padding:24px 22px 6px}
#ssyv5 .fcard .no{font-size:46px;margin-bottom:12px}
#ssyv5 .fcard h3{font-size:24px}
#ssyv5 .fcard ul{margin:14px 0 16px;gap:6px}
#ssyv5 .fcard li{font-size:14px}
#ssyv5 .fcard .vis{height:240px}
#ssyv5 .fcard .vis .pc{--s:.5}
/* Vitrine faire-part : titre > iPhone > modèles > boutons */
#ssyv5 .show-txt{display:contents}
#ssyv5 .show-txt .eyebrow{order:1}#ssyv5 .show-txt .t{order:2}#ssyv5 .show-txt .lead{order:3}
#ssyv5 .show-stage{order:4;min-height:0;gap:14px;margin-top:6px}
#ssyv5 .picker{order:5;display:flex;overflow-x:auto;gap:8px;margin:0 -22px;padding:4px 22px 8px;max-width:none;scrollbar-width:none}
#ssyv5 .picker::-webkit-scrollbar{display:none}
#ssyv5 .pk{flex:0 0 54px}
#ssyv5 .show-ctas{order:6;flex-direction:column;align-items:stretch;gap:14px;text-align:center}
#ssyv5 .show-grid{gap:18px}
#ssyv5 .device{width:220px;padding:8px;border-radius:40px}
#ssyv5 .screen{border-radius:33px}
#ssyv5 .show-name b{font-size:24px}
#ssyv5 .show .tpl-viewport{margin-top:50px}
/* Final + footer */
#ssyv5 .fcopy .assure{gap:6px 16px;font-size:13px}
#ssyv5 .wordmark{font-size:16.4vw;margin-top:56px}
#ssyv5 .fnavs{gap:36px 48px}
}
@media (max-width:600px){
#ssyv5 .snav-cta{display:none}
}
html.ssy-lock,html.ssy-lock body{overflow:hidden}

/* écrans bas (téléphone à l'horizontale, petit portable) */
@media (max-height:640px) and (min-width:700px){
#ssyv5 .before{padding-top:60px}
#ssyv5 .before .t{font-size:clamp(28px,7.4vh,48px);max-width:640px}
#ssyv5 .before .eyebrow{margin-bottom:10px}
#ssyv5 .before p{font-size:15px;margin-top:12px;max-width:440px}
#ssyv5 .after{padding-top:64px}
#ssyv5 .after .eyebrow{margin-bottom:6px}
#ssyv5 .after .t{font-size:clamp(26px,6.6vh,44px)}
#ssyv5 .after .sub{font-size:14px;margin:0 0 12px}
#ssyv5 .fan{height:min(300px,46vh)}
#ssyv5 .fan .f1{--s:.32}
#ssyv5 .fan .f2,#ssyv5 .fan .f3{--s:.25}
#ssyv5 .fan .chip{font-size:11px;padding:6px 10px}
#ssyv5 .scroll-hint{display:none}
}
@media (max-height:640px) and (min-width:700px) and (min-height:500px){
#ssyv5 .fan .f1{--s:.42}
#ssyv5 .fan .f2,#ssyv5 .fan .f3{--s:.33}
}

/* ===== liens vers pages à venir ===== */
#ssyv5 [data-soon]{cursor:default}
#ssyv5 .seo-tags li:has([data-soon]),#ssyv5 .fnav [data-soon],#ssyv5 .btn[data-soon],#ssyv5 .mm [data-soon]{display:none}
#ssyv5 .seo-txt [data-soon]{text-decoration:none;color:inherit}
#ssyv5 .lk[data-soon]{transform:none!important;box-shadow:none!important}
#ssyv5 .lk[data-soon] > span:last-child{display:none}



#ssyv5 .hero__body h1,#ssyv5 .hero__sub,#ssyv5 .hero__proof{text-shadow:0 2px 16px rgba(20,8,14,.35)}

/* ===== hero : photo « oui » (verticale) ===== */
#ssyv5 .hero__media{--hero-img:url("https://www.shesaidyess.com/wp-content/uploads/2026/11/ssy-hero-mariage-oui.jpg");background-position:center 44%}
@media (min-width:961px){
#ssyv5 .hero__media{--hero-img:url("https://www.shesaidyess.com/wp-content/uploads/2026/11/ssy-hero-mariage-chateau.jpg");background-position:center 42%}
}
@media (max-width:960px){
#ssyv5 .hero__media{background-size:auto 120%;background-position:46% 100%;transform-origin:50% 35%}
#ssyv5 .hero__body{justify-content:flex-end;padding-bottom:18px}
#ssyv5 .hero__overlay{background:linear-gradient(180deg,rgba(42,22,32,.5) 0%,rgba(42,22,32,.05) 22%,rgba(42,22,32,.05) 40%,rgba(42,22,32,.6) 62%,rgba(42,22,32,.92) 100%)}
}
@media (min-width:961px){#ssyv5 .snav-bar{position:relative}#ssyv5 .snav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}

/* ===== logo : cœur « oui » + nom ===== */
#ssyv5 .logo.lgx{display:inline-flex;align-items:center;gap:.34em;--lg-em:#F3D6DF;--lg-ck:#2A1620;text-decoration:none}
#ssyv5 .snav.light .logo.lgx,#ssyv5 .snav.mopen .logo.lgx{--lg-em:#6B2943;--lg-ck:#FFFBF9}
#ssyv5 .logo.lgx em{font-style:italic;color:var(--lg-em)}
#ssyv5 .logo.lgx .lg-c{display:block;width:1.15em;height:1.15em;color:var(--lg-em);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
#ssyv5 .logo.lgx .lg-c svg{display:block;width:100%;height:100%}
#ssyv5 .logo.lgx:hover .lg-c{transform:scale(1.12) rotate(-6deg)}

.md-evt{margin-top:6px}

@media (min-width:961px) and (max-width:1240px){#ssyv5 .snav-links{position:static;transform:none;flex:1;justify-content:center}#ssyv5 .snav-item{padding:0 11px}}
@media (min-width:961px) and (max-width:1100px){#ssyv5 .snav-login{display:none}#ssyv5 .snav-item{padding:0 8px;font-size:13.5px}}

#ssyv5 .pcard[data-soon],#ssyv5 .pfeat[data-soon],#ssyv5 .seealso li:has([data-soon]),#ssyv5 .tcards [data-soon]{display:none}