.entry-content:has(.sya-pack-page) > h1:first-child,
.page-content:has(.sya-pack-page) > h1:first-child,
.entry-content > h1:first-child + div.sya-pack-page,
.entry-content > h1:first-of-type{ }
.entry-content:has(.sya-pack-page) > h1:first-child{display:none !important}
.page-content:has(.sya-pack-page) > h1:first-child{display:none !important} html body article.container.container--narrow:has(.sya-pack-page),
html body article.container:has(.sya-pack-page),
html body main:has(.sya-pack-page) article{
max-width:100% !important;
width:100% !important;
padding-left:0 !important;
padding-right:0 !important;
margin-left:0 !important;
margin-right:0 !important;
}
html body main:has(.sya-pack-page){padding:0 !important;max-width:100% !important}
.entry-content:has(.sya-pack-page),
.page-content:has(.sya-pack-page){max-width:100% !important;padding:0 !important}
.sya-pack-page{
--ink:#1a1612;
--paper:#faf7f2;
--paper-2:#f5efe6;
--line:rgba(26,22,18,0.08);
--gold:#c9a84c;
--gold-deep:#a98730;
--pink:#ed5495;
--pink-deep:#c93577;
--lavender:#a58af1;
--teal:#5fc6c5;
--shadow-soft:0 30px 80px -30px rgba(0,0,0,.18);
background:var(--paper);
color:var(--ink);
font-family:'Inter','Helvetica Neue',sans-serif;
font-size:17px;
line-height:1.7;
letter-spacing:-0.01em;
}
.sya-pack-page *{box-sizing:border-box}
.sya-pack-page h1,.sya-pack-page h2,.sya-pack-page h3{
font-family:'DM Serif Display','Playfair Display',Georgia,serif;
font-weight:400;
letter-spacing:-0.02em;
color:var(--ink);
margin:0 0 0.6em;
}
.sya-pack-page h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}
.sya-pack-page h2{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.15;margin-top:1.4em}
.sya-pack-page h3{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.25}
.sya-pack-page p{margin:0 0 1.1em}
.sya-pack-page em{font-style:italic;color:var(--pink-deep)}
.sya-pack-page strong{font-weight:600}
.sya-pack-page a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(201,168,76,.5);text-underline-offset:3px;transition:color .2s}
.sya-pack-page a:hover{color:var(--pink-deep);text-decoration-color:var(--pink-deep)}
.sya-pack-page .container{max-width:1200px;margin:0 auto;padding:0 24px}
.sya-pack-page section{padding:80px 0}
@media (max-width:780px){.sya-pack-page section{padding:56px 0}} .sya-pack-page .trust-ribbon{
background:linear-gradient(180deg,#fffaf0 0%,#fdf3e2 100%);
border-top:1px solid var(--line);border-bottom:1px solid var(--line);
padding:14px 0;font-size:14px;font-weight:500;
}
.sya-pack-page .trust-ribbon-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;text-align:center}
.sya-pack-page .trust-ribbon .stars{color:var(--gold);letter-spacing:1px}
.sya-pack-page .trust-ribbon .pink{color:var(--pink-deep);font-weight:600}
.sya-pack-page .trust-ribbon .dot{color:var(--ink);opacity:0.3} .sya-pack-page .pack-hero{padding:64px 0 40px;background:var(--paper)}
.sya-pack-page .pack-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
@media (max-width:920px){.sya-pack-page .pack-hero-grid{grid-template-columns:1fr;gap:32px}}
.sya-pack-page .badge-row{display:inline-flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:10px 18px;border-radius:99px;font-size:13px;margin-bottom:24px;box-shadow:0 8px 24px -12px rgba(0,0,0,.12)}
.sya-pack-page .badge-dots{display:flex;gap:4px}
.sya-pack-page .badge-dots span{width:14px;height:14px;border-radius:50%}
.sya-pack-page .badge-dots span:nth-child(1){background:#c9a84c}
.sya-pack-page .badge-dots span:nth-child(2){background:#d96e3a}
.sya-pack-page .badge-dots span:nth-child(3){background:#5fc6c5}
.sya-pack-page .badge-dots span:nth-child(4){background:#a58af1}
.sya-pack-page .pack-hero h1{margin-bottom:18px}
.sya-pack-page .pack-hero h1 em{font-style:italic;color:var(--pink-deep)}
.sya-pack-page .pack-hero .lede{font-size:1.1rem;color:#3a3027;max-width:540px;margin-bottom:28px}
.sya-pack-page .price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}
.sya-pack-page .price-row .now{font-family:'DM Serif Display',serif;font-size:3rem;color:var(--ink);line-height:1}
.sya-pack-page .price-row .was{font-size:1.2rem;color:#998b7a;text-decoration:line-through}
.sya-pack-page .price-row .save{background:#fde2ec;color:var(--pink-deep);font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:99px;letter-spacing:.05em}
.sya-pack-page .urgency{font-size:.92rem;color:#5d4f3f;margin-bottom:22px}
.sya-pack-page .urgency .pulse{display:inline-block;width:8px;height:8px;background:var(--pink);border-radius:50%;margin-right:6px;vertical-align:middle;animation:sya-pulse 1.6s infinite}
@keyframes sya-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.sya-pack-page .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.sya-pack-page .btn{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;border-radius:99px;font-weight:700;font-size:.95rem;letter-spacing:.02em;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;cursor:pointer;border:0}
.sya-pack-page .btn-primary{background:linear-gradient(95deg,#ed5495 0%,#a58af1 50%,#5fc6c5 100%);color:#fff;box-shadow:0 12px 30px -10px rgba(237,84,149,.5)}
.sya-pack-page .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);color:#fff;text-decoration:none}
.sya-pack-page .btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.sya-pack-page .btn-ghost:hover{background:var(--ink);color:#fff;text-decoration:none}
.sya-pack-page .small-trust{display:flex;align-items:center;gap:14px;font-size:.85rem;color:#5d4f3f;margin-top:12px}
.sya-pack-page .small-trust svg{width:16px;height:16px;color:var(--gold-deep)} .sya-pack-page .hero-visual{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft)}
.sya-pack-page .hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sya-pack-page .hero-visual .badge{position:absolute;top:18px;left:18px;background:rgba(26,22,18,.92);color:#fff;font-size:11px;letter-spacing:.18em;padding:8px 14px;border-radius:99px;font-weight:700}
.sya-pack-page .hero-visual .badge.right{left:auto;right:18px;background:linear-gradient(95deg,#ed5495 0%,#a58af1 100%)} .sya-pack-page .ba-slider-section{background:var(--paper-2)}
.sya-pack-page .ba-section-head{text-align:center;max-width:780px;margin:0 auto 50px}
.sya-pack-page .section-label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.22em;color:var(--gold-deep);margin-bottom:12px}
.sya-pack-page .ba-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 24px;max-width:980px}
.sya-pack-page .ba-tab{padding:10px 18px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-size:.85rem;font-weight:600;cursor:pointer;color:#5d4f3f;transition:all .15s}
.sya-pack-page .ba-tab:hover{border-color:var(--ink);color:var(--ink)}
.sya-pack-page .ba-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.sya-pack-page .ba-stage{position:relative;max-width:1100px;margin:0 auto;aspect-ratio:16/9;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);user-select:none;background:#000}
.sya-pack-page .ba-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.sya-pack-page .ba-after-clip{clip-path:inset(0 0 0 50%);transition:clip-path 0s}
.sya-pack-page .ba-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 2px rgba(0,0,0,.15);pointer-events:none}
.sya-pack-page .ba-handle::before{content:'';position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:linear-gradient(95deg,#ed5495,#a58af1);transform:translate(-50%,-50%);box-shadow:0 8px 20px -4px rgba(237,84,149,.6)}
.sya-pack-page .ba-handle::after{content:'⇆';position:absolute;top:50%;left:50%;color:#fff;font-size:18px;font-weight:700;transform:translate(-50%,-50%);z-index:2}
.sya-pack-page .ba-stage .b-label,.sya-pack-page .ba-stage .a-label{position:absolute;top:18px;color:#fff;font-size:11px;letter-spacing:.2em;font-weight:700;background:rgba(26,22,18,.85);padding:8px 14px;border-radius:99px;pointer-events:none}
.sya-pack-page .ba-stage .b-label{left:18px}
.sya-pack-page .ba-stage .a-label{right:18px;background:linear-gradient(95deg,#ed5495,#a58af1)} .sya-pack-page .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:32px 0}
@media (max-width:780px){.sya-pack-page .info-grid{grid-template-columns:repeat(2,1fr)}}
.sya-pack-page .info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.sya-pack-page .info-card .num{font-family:'DM Serif Display',serif;font-size:2.4rem;color:var(--gold-deep);line-height:1}
.sya-pack-page .info-card .lbl{margin-top:6px;font-size:.85rem;color:#5d4f3f;font-weight:500} .sya-pack-page .scene-block{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;margin:64px 0;padding:48px;background:#fff;border-radius:18px;border:1px solid var(--line)}
.sya-pack-page .scene-block.alt{grid-template-columns:1.1fr 1fr;direction:rtl}
.sya-pack-page .scene-block.alt > *{direction:ltr}
@media (max-width:920px){.sya-pack-page .scene-block,.sya-pack-page .scene-block.alt{grid-template-columns:1fr;direction:ltr;padding:32px 24px}}
.sya-pack-page .scene-thumb{aspect-ratio:16/10;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft);position:relative;display:flex}
.sya-pack-page .scene-thumb .b,.sya-pack-page .scene-thumb .a{flex:1;position:relative;overflow:hidden}
.sya-pack-page .scene-thumb img{width:200%;height:100%;object-fit:cover;display:block}
.sya-pack-page .scene-thumb .b{filter:saturate(.35) brightness(.85) contrast(.92)}
.sya-pack-page .scene-thumb .a img{margin-left:-100%}
.sya-pack-page .scene-thumb .divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,transparent,var(--pink),transparent)}
.sya-pack-page .scene-thumb .lbl{position:absolute;top:14px;font-size:10px;letter-spacing:.18em;font-weight:700;background:rgba(26,22,18,.85);color:#fff;padding:6px 11px;border-radius:99px}
.sya-pack-page .scene-thumb .lbl.l{left:14px}
.sya-pack-page .scene-thumb .lbl.r{right:14px;background:linear-gradient(95deg,#ed5495,#a58af1)} .sya-pack-page .bundle-cta{background:linear-gradient(135deg,#fde2ec 0%,#e7defa 50%,#d8f4f3 100%);border-radius:24px;padding:48px;text-align:center;margin:64px 0;position:relative;overflow:hidden}
.sya-pack-page .bundle-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(237,84,149,.18),transparent 60%);pointer-events:none}
.sya-pack-page .bundle-cta .label{background:#1a1612;color:#fff;display:inline-block;padding:7px 16px;border-radius:99px;font-size:.7rem;letter-spacing:.22em;font-weight:700;margin-bottom:18px}
.sya-pack-page .bundle-cta h2{margin-bottom:14px}
.sya-pack-page .bundle-cta .price-line{font-size:1.2rem;margin-bottom:24px}
.sya-pack-page .bundle-cta .price-line .big{font-family:'DM Serif Display',serif;font-size:2.4rem;color:var(--ink)}
.sya-pack-page .bundle-cta .price-line .strike{color:#998b7a;text-decoration:line-through;margin-left:8px}
.sya-pack-page .bundle-cta .price-line .save{background:#fff;color:var(--pink-deep);font-weight:700;padding:5px 12px;border-radius:99px;font-size:.85rem;margin-left:8px} .sya-pack-page .personas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
@media (max-width:780px){.sya-pack-page .personas-grid{grid-template-columns:1fr}}
.sya-pack-page .persona{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.sya-pack-page .persona .ico{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fde2ec,#e7defa);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:24px}
.sya-pack-page .persona h3{font-size:1.15rem;margin-bottom:8px}
.sya-pack-page .persona p{font-size:.95rem;color:#5d4f3f;margin-bottom:0} .sya-pack-page .specs-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:24px}
.sya-pack-page .specs-wrap table{width:100%;border-collapse:collapse}
.sya-pack-page .specs-wrap td{padding:16px 20px;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:top}
.sya-pack-page .specs-wrap tr:last-child td{border-bottom:0}
.sya-pack-page .specs-wrap td:first-child{font-weight:600;color:var(--ink);width:30%;background:var(--paper-2)}
.sya-pack-page .specs-wrap td:last-child{color:#3a3027} .sya-pack-page .install-tabs{display:flex;gap:10px;margin:30px 0 18px;flex-wrap:wrap}
.sya-pack-page .install-tab{padding:10px 18px;border-radius:99px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-size:.85rem;font-weight:600;color:#5d4f3f}
.sya-pack-page .install-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.sya-pack-page .install-pane{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;display:none}
.sya-pack-page .install-pane.active{display:block}
.sya-pack-page .install-pane ol{padding-left:22px;margin:0}
.sya-pack-page .install-pane li{margin-bottom:14px;line-height:1.6} .sya-pack-page .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
@media (max-width:920px){.sya-pack-page .reviews-grid{grid-template-columns:1fr}}
.sya-pack-page .review{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.sya-pack-page .review .stars{color:var(--gold);font-size:1.1rem;letter-spacing:2px;margin-bottom:10px}
.sya-pack-page .review .quote{font-size:1.05rem;line-height:1.55;color:var(--ink);margin-bottom:16px}
.sya-pack-page .review .author{display:flex;align-items:center;gap:12px}
.sya-pack-page .review .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#ed5495);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}
.sya-pack-page .review .meta{font-size:.85rem;line-height:1.3}
.sya-pack-page .review .meta b{display:block;color:var(--ink)}
.sya-pack-page .review .meta span{color:#5d4f3f} .sya-pack-page .faq-list{margin-top:32px;max-width:880px;margin-left:auto;margin-right:auto}
.sya-pack-page .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden}
.sya-pack-page .faq-q{width:100%;text-align:left;padding:22px 26px;background:#fff;border:0;cursor:pointer;font-family:inherit;font-size:1.05rem;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:24px}
.sya-pack-page .faq-q::after{content:'+';font-size:1.6rem;color:var(--gold-deep);transition:transform .2s;flex-shrink:0}
.sya-pack-page .faq-item.open .faq-q::after{transform:rotate(45deg)}
.sya-pack-page .faq-a{padding:0 26px 22px;color:#3a3027;line-height:1.7;display:none}
.sya-pack-page .faq-item.open .faq-a{display:block} .sya-pack-page .compare-table{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sya-pack-page .compare-table table{width:100%;border-collapse:collapse}
.sya-pack-page .compare-table th,.sya-pack-page .compare-table td{padding:16px;text-align:center;border-bottom:1px solid var(--line);font-size:.92rem}
.sya-pack-page .compare-table th{background:var(--ink);color:#fff;font-weight:600}
.sya-pack-page .compare-table th:first-child,.sya-pack-page .compare-table td:first-child{text-align:left;font-weight:600}
.sya-pack-page .compare-table .yes{color:#2a8a4f;font-weight:700}
.sya-pack-page .compare-table .no{color:#b03030;font-weight:700}
.sya-pack-page .compare-table tr:last-child td{border-bottom:0}
.sya-pack-page .compare-table .featured{background:linear-gradient(180deg,#fff7e8 0%,#fffbf3 100%)} .sya-pack-page .crosssell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
@media (max-width:780px){.sya-pack-page .crosssell-grid{grid-template-columns:1fr}}
.sya-pack-page .xs-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform .2s,box-shadow .2s}
.sya-pack-page .xs-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);text-decoration:none}
.sya-pack-page .xs-card .img{aspect-ratio:4/3;overflow:hidden}
.sya-pack-page .xs-card .img img{width:100%;height:100%;object-fit:cover;display:block}
.sya-pack-page .xs-card .body{padding:18px}
.sya-pack-page .xs-card h3{font-size:1.05rem;margin-bottom:6px}
.sya-pack-page .xs-card .meta{font-size:.85rem;color:#5d4f3f} .sya-pack-page .final-cta{background:#1a1612;color:#fff;border-radius:24px;padding:64px 32px;text-align:center;margin:64px 0}
.sya-pack-page .final-cta h2{color:#fff;margin-bottom:14px}
.sya-pack-page .final-cta p{color:#c9b89e;font-size:1.1rem;max-width:580px;margin:0 auto 28px}
.sya-pack-page .final-cta .guarantee{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:#c9b89e;margin-top:18px}
.sya-pack-page .final-cta .guarantee svg{width:18px;height:18px;color:var(--gold)} .sya-pack-page .sticky-buy{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:60;box-shadow:0 -10px 30px -10px rgba(0,0,0,.1);transform:translateY(120%);transition:transform .25s}
.sya-pack-page .sticky-buy.show{transform:translateY(0)}
.sya-pack-page .sticky-buy .left{display:flex;flex-direction:column;font-size:.85rem;line-height:1.2}
.sya-pack-page .sticky-buy .left b{font-size:1rem}
.sya-pack-page .sticky-buy .btn{padding:11px 18px;font-size:.85rem}
@media (min-width:780px){.sya-pack-page .sticky-buy{display:none}} .sya-pack-page .hero-visual.hero-visual--ba{
aspect-ratio: auto !important;
position: relative !important;
overflow: hidden !important;
border-radius: 18px !important;
box-shadow: var(--shadow-soft) !important;
height: auto !important;
}
.sya-pack-page .hero-visual.hero-visual--ba img{
position: static !important;
inset: auto !important;
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: contain !important;
}
.sya-pack-page .hero-visual.hero-visual--ba .badge{
z-index: 5;
} .sya-pack-page .pack-hero-grid > .pack-hero-visual,
.sya-pack-page .hero-visual.hero-visual--ba{
min-width: 0;
width: 100%;
} .sya-pack-page .hero-visual.hero-visual--ba .badge{display:none !important}