/*
Theme Name: Seksting Guide
Version: 1.0.0
*/
:root{--ink:#251a2b;--muted:#6f6474;--bg:#fff9fc;--paper:#fff;--soft:#fff0f7;--lav:#f4efff;--line:#eadfe8;--pink:#d92b81;--pink2:#f052a1;--violet:#7357d8;--shadow:0 18px 55px rgba(82,40,72,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.72 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,249,252,.9);border-bottom:1px solid rgba(234,223,232,.9);backdrop-filter:blur(16px)}.nav{min-height:72px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:850;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--pink2),var(--violet));box-shadow:0 8px 22px rgba(217,43,129,.24)}.nav-links{display:flex;gap:24px;margin-left:auto;color:var(--muted);font-weight:650;font-size:.92rem}.nav-links a:hover{color:var(--pink)}.nav .button{margin-left:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 21px;border-radius:14px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(217,43,129,.22);transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(217,43,129,.3)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button .icon{width:19px;height:19px}
.hero{padding:76px 0 58px;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(115,87,216,.13),transparent 33%),radial-gradient(circle at 15% 90%,rgba(240,82,161,.13),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--pink);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow .icon{width:17px}.hero h1{max-width:760px;margin:18px 0 20px;font-size:clamp(2.65rem,5.2vw,4.8rem);line-height:1.03;letter-spacing:-.055em}.gradient-text{background:linear-gradient(100deg,#241829 25%,#94336e 68%,#6744ca);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:740px;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.23rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.trust-row span{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.76);font-size:.78rem;color:var(--muted);font-weight:700}.hero-mosaic{position:relative;min-height:510px}.hero-photo{position:absolute;overflow:hidden;border:7px solid #fff;border-radius:30px;box-shadow:var(--shadow);background:#eadde4}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo.one{inset:0 24% 7% 0;transform:rotate(-2deg)}.hero-photo.two{width:47%;height:55%;right:0;top:4%;transform:rotate(3deg)}.hero-photo.three{width:43%;height:42%;right:3%;bottom:0;transform:rotate(-1deg)}.floating-note{position:absolute;left:-24px;bottom:28px;display:flex;gap:10px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);font-weight:800;font-size:.84rem}.floating-note .icon{width:22px;color:var(--pink)}
.section{padding:82px 0}.section.alt{background:#fff}.section-head{max-width:760px;margin-bottom:34px}.section-head h2,.cta-band h2{margin:8px 0 10px;font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.08;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{position:relative;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 8px 30px rgba(70,35,62,.055);transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card h3{margin:10px 0 8px;font-size:1.2rem;line-height:1.3}.card p{margin:0;color:var(--muted);font-size:.94rem}.kicker{color:var(--pink);font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.stretched:after{position:absolute;inset:0;content:""}.guide-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:22px;border-radius:14px;background:linear-gradient(135deg,var(--soft),var(--lav));color:var(--pink)}.guide-icon .icon{width:23px;height:23px}.persona{display:grid;grid-template-columns:150px 1fr;min-height:220px;padding:0;overflow:hidden}.persona-media{min-height:220px;background:#eee}.persona-media img{width:100%;height:100%;object-fit:cover}.persona-body{padding:26px}.persona h3{font-size:1.48rem}.service-card{display:flex;flex-direction:column}.service-card .service-top{display:flex;align-items:center;gap:12px}.service-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--lav);color:var(--violet);font-weight:900}.service-card .text-link{margin-top:auto;padding-top:18px;color:var(--pink);font-weight:800;font-size:.9rem}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid #ead8e6;border-radius:28px;background:linear-gradient(120deg,#fff0f7,#f5f0ff);box-shadow:var(--shadow)}.cta-band h2{font-size:clamp(1.65rem,3vw,2.5rem)}.cta-band p{margin:0;color:var(--muted)}
.article{padding:62px 0 92px}.content-layout{display:grid;grid-template-columns:minmax(0,760px) 290px;gap:72px;align-items:start}.article-header{padding-bottom:28px;border-bottom:1px solid var(--line)}.article-header h1{max-width:820px;margin:13px 0 16px;font-size:clamp(2.35rem,5.2vw,3.65rem);line-height:1.06;letter-spacing:-.045em}.meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:var(--muted);font-size:.79rem;font-weight:700}.article-cover{margin:28px 0 4px;overflow:hidden;border-radius:28px;box-shadow:var(--shadow)}.article-cover img{width:100%;max-height:560px;object-fit:cover;object-position:center 25%}.article-toc{display:flex;gap:16px;margin:30px 0 38px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--soft),#fff)}.article-toc>.icon{flex:0 0 28px;width:28px;color:var(--pink)}.article-toc strong{font-size:.9rem}.article-toc ol{margin:8px 0 0;padding-left:19px;columns:2;column-gap:28px}.article-toc li{break-inside:avoid;margin:4px 0;color:var(--muted);font-size:.82rem;line-height:1.45}.article-toc a:hover{color:var(--pink)}.prose{font-size:1.03rem}.prose>p:first-of-type{font-size:1.12rem;color:#4c3e50}.prose h2{position:relative;margin:58px 0 17px;padding-left:45px;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.16;letter-spacing:-.025em;scroll-margin-top:92px}.prose h2:before{position:absolute;left:0;top:.03em;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;content:"✦";font-size:.85rem}.prose h3{margin:34px 0 10px;font-size:1.3rem}.prose p{margin:0 0 20px}.prose ul,.prose ol{margin:0 0 24px;padding-left:25px}.prose li{margin:8px 0}.prose li::marker{color:var(--pink);font-weight:900}.prose a{color:#b71f6d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose blockquote,.prose .note{margin:28px 0;padding:20px 22px;border:1px solid #ebdbea;border-left:4px solid var(--pink);border-radius:14px;background:var(--soft)}.prose table{width:100%;margin:26px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;font-size:.91rem}.prose th,.prose td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose th{background:var(--soft)}.prose tr:last-child td{border-bottom:0}.screenshot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.screenshot-gallery figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.screenshot-gallery img{aspect-ratio:9/16;width:100%;object-fit:cover;object-position:top}.screenshot-gallery figcaption{padding:10px 12px;color:var(--muted);font-size:.72rem}.sidebar{position:sticky;top:98px}.sidebar .card{padding:22px}.sidebar h3{display:flex;align-items:center;gap:9px;margin-top:0}.sidebar h3 .icon{width:20px;color:var(--pink)}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li+li{border-top:1px solid var(--line)}.sidebar a{display:block;padding:12px 0;color:var(--muted);font-size:.84rem;line-height:1.45}.sidebar a:hover{color:var(--pink)}
.site-footer{padding:44px 0;border-top:1px solid var(--line);background:#fff}.footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.site-footer p{max-width:620px;margin:8px 0 0;color:var(--muted);font-size:.82rem}.footer-links{display:flex;gap:18px;color:var(--muted);font-size:.82rem}
@media(max-width:900px){.nav-links{display:none}.nav .button{margin-left:auto}.hero-grid,.content-layout{grid-template-columns:1fr}.hero-mosaic{min-height:430px;max-width:620px}.grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.article{padding-top:44px}}
@media(max-width:620px){body{font-size:16px}.wrap{width:min(100% - 28px,1160px)}.nav{min-height:64px}.nav>.button{display:none}.hero{padding:48px 0 42px}.hero-grid{gap:34px}.hero h1{font-size:clamp(2.4rem,12vw,3.4rem)}.hero-mosaic{min-height:350px}.floating-note{left:4px;bottom:8px}.section{padding:58px 0}.grid,.grid.two{grid-template-columns:1fr}.persona{grid-template-columns:125px 1fr;min-height:195px}.persona-media{min-height:195px}.persona-body{padding:21px}.article-header h1{font-size:2.35rem}.article-toc ol{columns:1}.prose h2{margin-top:44px;padding-left:40px}.content-layout{gap:38px}.screenshot-gallery{grid-template-columns:1fr 1fr}.screenshot-gallery figure:last-child{display:none}.cta-band{align-items:flex-start;flex-direction:column;padding:27px}.footer-grid{flex-direction:column}.footer-links{flex-wrap:wrap}}
.nav-links .menu{list-style:none;margin:0;padding:0}.legal{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.site-header{position:relative;top:auto}
.card-actions{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:18px}.mini-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:.78rem;font-weight:850;white-space:nowrap}.mini-button .icon{width:17px;height:17px}.details-link{color:var(--pink);font-size:.78rem;font-weight:800}.conversion-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 10px}@media(max-width:620px){.card-actions{align-items:flex-start;flex-direction:column;gap:9px}.mini-button{width:100%;justify-content:center}.conversion-actions .button{width:100%}}

/* SEO catalog landing */
.seo-landing{background:#f6f3ef}.narrow{width:min(1220px,calc(100% - 40px))}.landing-intro{padding:34px 0 18px}.intro-panel,.ranking-panel,.longread-panel{border:1px solid #e6e0db;border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(57,43,49,.055)}.intro-panel{padding:34px 38px}.breadcrumbs{margin-bottom:25px;color:#8a7f87;font-size:.77rem}.breadcrumbs a{color:var(--pink);text-decoration:underline}.intro-panel h1{max-width:980px;margin:12px 0 15px;font-size:clamp(2.2rem,4.1vw,3.8rem);line-height:1.04;letter-spacing:-.045em}.intro-panel .lead{max-width:1000px}.intro-note{margin:27px 0 18px;padding:17px 19px;border-left:4px solid var(--pink);border-radius:12px;background:#fff5ec;color:#62575f;font-size:.91rem}.toc-toggle{display:inline-flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #d9e5e1;border-radius:12px;background:#f4faf8;color:#27675c;font-size:.84rem;font-weight:850}.toc-toggle .icon{width:19px}
.ranking-section{padding:0 0 22px;scroll-margin-top:20px}.ranking-panel{padding:30px 28px}.ranking-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px}.ranking-head h2{margin:6px 0 0;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.035em}.ranking-head p{max-width:430px;margin:0;color:var(--muted);font-size:.88rem}.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.offer-card{position:relative;display:flex;min-height:310px;flex-direction:column;padding:19px 15px 14px;border:1px solid #dce5e2;border-radius:14px;background:linear-gradient(180deg,#fff,#f7fbfa);box-shadow:none}.offer-card.promoted{border-color:#e9b7d2;background:linear-gradient(180deg,#fff7fb,#fff)}.rank-number{position:absolute;right:12px;top:10px;color:#d56432;font-size:.68rem;font-weight:950;letter-spacing:.05em}.offer-mark{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-weight:950}.choice-label{position:absolute;left:61px;top:19px;padding:5px 8px;border-radius:99px;background:#fff0f7;color:var(--pink);font-size:.6rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.offer-card h3{margin:0 0 5px;padding-right:25px;font-size:1.04rem;line-height:1.2}.offer-type{color:#398173;font-size:.69rem;font-weight:850;text-transform:uppercase}.offer-card p{margin:11px 0 16px;color:var(--muted);font-size:.78rem;line-height:1.48}.offer-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:auto}.offer-actions:has(.offer-review){grid-template-columns:1fr 1fr}.offer-review,.offer-open{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px;border-radius:9px;font-size:.73rem;font-weight:900;text-align:center}.offer-review{border:1px solid #5a9c90;color:#28776a;background:#fff}.offer-open{background:#178779;color:#fff}.promoted .offer-open{background:linear-gradient(135deg,var(--pink),var(--violet))}
.longread{padding:0 0 72px}.longread-panel{padding:46px 70px}.longread-panel.prose{font-size:1rem}.longread-panel.prose h2{margin-top:54px}.longread-panel.prose>h2:first-of-type{margin-top:13px}.longread-panel .final-conversion{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:60px -22px -18px;padding:34px;border:1px solid #ead8e6;border-radius:22px;background:linear-gradient(120deg,#fff0f7,#f5f0ff)}.final-conversion h2{margin:6px 0 10px!important;padding:0!important}.final-conversion h2:before{display:none!important}.final-conversion p{max-width:760px;margin:0;color:var(--muted)}.final-conversion .button{flex:0 0 auto}
@media(max-width:1050px){.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.longread-panel{padding:42px 48px}}
@media(max-width:780px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-head{align-items:flex-start;flex-direction:column}.intro-panel,.ranking-panel{padding:25px 22px}.longread-panel{padding:34px 28px}.final-conversion{align-items:flex-start!important;flex-direction:column}.final-conversion .button{width:100%}}
@media(max-width:480px){.narrow{width:min(100% - 20px,1220px)}.landing-intro{padding-top:16px}.intro-panel h1{font-size:2.18rem}.offer-grid{grid-template-columns:1fr}.offer-card{min-height:0}.longread-panel{padding:28px 19px}.longread-panel .final-conversion{margin:48px 0 0;padding:24px}.offer-actions:has(.offer-review){grid-template-columns:1fr 1fr}}
.catalog-visual{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:245px;margin-bottom:30px;overflow:hidden;border-radius:17px;background:#251a2b}.catalog-visual img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.88)}.catalog-visual:after{position:absolute;inset:45% 0 0;content:"";background:linear-gradient(transparent,rgba(29,16,32,.88))}.visual-copy{position:absolute;z-index:2;left:24px;bottom:19px;display:flex;flex-direction:column;color:#fff}.visual-copy strong{font-size:1.15rem}.visual-copy span{color:#f4cadf;font-size:.8rem}.landing-toc{margin:18px 0 40px;padding:23px 25px;border:1px solid #d9e5e1;border-radius:16px;background:#f4faf8}.toc-title{display:flex;align-items:center;gap:9px;color:#27675c}.toc-title .icon{width:22px}.landing-toc ol{margin:14px 0 0;padding-left:22px;columns:2;column-gap:45px}.landing-toc li{break-inside:avoid;margin:6px 0;color:#5f746f;font-size:.86rem}.landing-toc a:hover{color:var(--pink)}.guide-after{border-top:1px solid #e6e0db;background:#fff}.longread-panel h2[id]{scroll-margin-top:24px}@media(max-width:620px){.catalog-visual{height:190px}.visual-copy{left:15px;bottom:13px}.visual-copy strong{font-size:.92rem}.landing-toc ol{columns:1}.landing-toc{padding:19px}}
.prose a.button,.prose a.button:visited{color:#fff;text-decoration:none;text-decoration-line:none;font-weight:850}.prose a.button.secondary,.prose a.button.secondary:visited{color:var(--ink)}

/* Separate visual identity for seksting.vip */
:root{--ink:#172234;--muted:#607083;--bg:#f5f8fb;--paper:#fff;--soft:#edf9f7;--lav:#eef3ff;--line:#dce5ec;--pink:#087f8c;--pink2:#12a5a3;--violet:#435fd2;--shadow:0 18px 55px rgba(27,57,82,.11)}
.seo-landing{background:#f1f5f8}.site-header{background:rgba(248,251,253,.94)}.brand-mark,.offer-mark,.prose h2:before{background:linear-gradient(135deg,#0aa39f,#425bd1)}.button,.mini-button{background:linear-gradient(135deg,#087f8c,#435fd2);box-shadow:0 10px 28px rgba(43,92,155,.22)}.button:hover{box-shadow:0 14px 32px rgba(43,92,155,.3)}.intro-panel,.ranking-panel,.longread-panel{border-color:#dce4ea}.catalog-visual{background:#101d31}.catalog-visual:after{background:linear-gradient(transparent,rgba(10,24,43,.9))}.visual-copy span{color:#c9eff1}.offer-card{border-color:#d6e4e6;background:linear-gradient(180deg,#fff,#f4faf9)}.offer-card.promoted{border-color:#91d4d1;background:linear-gradient(180deg,#effcf9,#fff)}.choice-label{background:#def6f3;color:#087f8c}.offer-open{background:#087f8c}.promoted .offer-open{background:linear-gradient(135deg,#087f8c,#435fd2)}.offer-review{border-color:#4c9da2;color:#08727c}.rank-number{color:#526ad2}.landing-toc{border-color:#cfe0e5;background:#f1f8fa}.toc-title{color:#155f6a}.longread-panel .final-conversion,.cta-band{border-color:#d5e1ef;background:linear-gradient(120deg,#eafaf7,#eef2ff)}.prose a{color:#08727c}.prose a.button,.prose a.button:visited{color:#fff}.comparison-table td:first-child{font-weight:800}.criteria-row{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 4px}.criteria-row span{padding:8px 11px;border:1px solid #cfe0e5;border-radius:99px;background:#f4fafb;color:#42606b;font-size:.76rem;font-weight:800}.method-box{margin:32px 0;padding:24px;border:1px solid #d5e1ef;border-radius:18px;background:linear-gradient(135deg,#f4fbfa,#f5f7ff)}.method-box h3{margin-top:0}.article-toc{background:linear-gradient(135deg,#effaf8,#f5f7ff)}
@media(max-width:620px){.prose .comparison-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table th,.comparison-table td{min-width:145px}.comparison-table th:first-child,.comparison-table td:first-child{min-width:105px}}