/* Existing site sections; styles scoped to preserve the cinematic scene. */

    /* === RESET & TOKENS === */
    #yds-site-details * {
      margin: 0;
      padding: 0;
      box-sizing: border-box
    }

    #yds-site-details {
      --primary: #272052;
      --primary-dark: #1B1640;
      --primary-light: #8B7FFF;
      --secondary: #F5A524;
      --secondary-dark: #E8930C;
      --accent: #22c55e;
      --bg-dark: #0F1626;
      --bg-darker: #0A0F1E;
      --bg-card: #1A2138;
      --bg-card-hover: #232B4A;
      --text: #f8fafc;
      --text-muted: #94a3b8;
      --text-dim: #64748b;
      --glass: rgba(21, 32, 53, .7);
      --glass-border: rgba(245, 165, 36, .12);
      --radius: 16px;
      --radius-sm: 12px;
      --radius-lg: 24px;
    }

    #yds-site-details {
      scroll-behavior: smooth;
      scroll-padding-top: 80px
    }

    #yds-site-details {
      font-family: 'Inter', system-ui, sans-serif;
      background: var(--bg-dark);
      color: var(--text);
      line-height: 1.6;
      overflow-x: hidden
    }

    /* === UTILITY === */
    #yds-site-details .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1.5rem
    }

    #yds-site-details .section-label {
      text-transform: uppercase;
      font-size: .8rem;
      font-weight: 700;
      letter-spacing: 2px;
      color: var(--primary-light);
      text-align: center;
      margin-bottom: .75rem
    }

    #yds-site-details .section-title {
      text-align: center;
      font-size: clamp(2rem, 5vw, 3rem);
      font-weight: 800;
      margin-bottom: 1rem
    }

    #yds-site-details .section-subtitle {
      text-align: center;
      color: var(--text-muted);
      font-size: 1.1rem;
      max-width: 600px;
      margin: 0 auto 3rem
    }

    #yds-site-details .reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity .7s ease, transform .7s ease
    }

    #yds-site-details .reveal.visible {
      opacity: 1;
      transform: translateY(0)
    }

    /* === BUTTONS === */
    #yds-site-details .btn {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      padding: .875rem 1.75rem;
      border-radius: var(--radius-sm);
      font-weight: 600;
      font-size: .95rem;
      text-decoration: none;
      transition: all .3s ease;
      cursor: pointer;
      border: none;
      font-family: inherit
    }

    #yds-site-details .btn-primary {
      background: linear-gradient(135deg, #272052, #4A38D9);
      color: #fff;
      box-shadow: 0 8px 25px rgba(39, 32, 82, .5);
      border: 1px solid rgba(245, 165, 36, .25)
    }

    #yds-site-details .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 35px rgba(39, 32, 82, .6);
      border-color: rgba(245, 165, 36, .4)
    }

    #yds-site-details .btn-secondary {
      background: var(--glass);
      color: #fff;
      border: 1px solid var(--glass-border);
      backdrop-filter: blur(10px)
    }

    #yds-site-details .btn-secondary:hover {
      background: rgba(255, 255, 255, .15);
      border-color: rgba(255, 255, 255, .2)
    }

    #yds-site-details .btn-accent {
      background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
      color: #000;
      font-weight: 700;
      box-shadow: 0 8px 25px rgba(245, 158, 11, .3)
    }

    #yds-site-details .btn-accent:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 35px rgba(245, 158, 11, .4)
    }

    /* === NAVBAR === */
    #yds-site-details .navbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      padding: 1rem 0;
      transition: all .3s ease
    }

    #yds-site-details .navbar.scrolled {
      background: rgba(15, 23, 42, .85);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--glass-border);
      padding: .6rem 0
    }

    #yds-site-details .nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    #yds-site-details .nav-logo {
      display: flex;
      align-items: center;
      gap: .75rem;
      text-decoration: none;
      color: var(--text);
      font-weight: 800;
      font-size: 1.2rem
    }

    #yds-site-details .nav-logo img {
      width: 36px;
      height: 36px;
      border-radius: 8px
    }

    #yds-site-details .nav-links {
      display: flex;
      align-items: center;
      gap: 2rem;
      list-style: none
    }

    #yds-site-details .nav-links a {
      color: var(--text-muted);
      text-decoration: none;
      font-size: .9rem;
      font-weight: 500;
      transition: color .2s
    }

    #yds-site-details .nav-links a:hover {
      color: var(--text)
    }

    #yds-site-details .nav-cta {
      padding: .6rem 1.25rem !important;
      font-size: .85rem !important
    }

    #yds-site-details .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      background: none;
      border: none;
      cursor: pointer;
      padding: 4px
    }

    #yds-site-details .hamburger span {
      display: block;
      width: 24px;
      height: 2px;
      background: var(--text);
      transition: all .3s
    }

    @media(max-width:768px) {
      #yds-site-details .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        width: 70%;
        max-width: 300px;
        height: 100vh;
        background: var(--bg-card);
        flex-direction: column;
        padding: 5rem 2rem 2rem;
        gap: 1.5rem;
        transition: right .3s ease;
        box-shadow: -10px 0 30px rgba(0, 0, 0, .5)
      }

      #yds-site-details .nav-links.open {
        right: 0
      }

      #yds-site-details .hamburger {
        display: flex;
        z-index: 1001
      }
    }

    /* === HERO === */
    #yds-site-details .hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 7rem 1.5rem 4rem;
      background: linear-gradient(160deg, #0A0F1E 0%, #0F1626 20%, #272052 50%, #1B1640 80%, #0A0F1E 100%);
      position: relative;
      overflow: hidden
    }

    #yds-site-details .hero::before {
      content: '';
      position: absolute;
      top: -40%;
      left: -40%;
      width: 180%;
      height: 180%;
      background: radial-gradient(circle at 30% 50%, rgba(39, 32, 82, .25) 0%, transparent 50%);
      animation: heroPulse 12s ease-in-out infinite
    }

    #yds-site-details .hero::after {
      content: '';
      position: absolute;
      bottom: -20%;
      right: -20%;
      width: 60%;
      height: 60%;
      background: radial-gradient(circle, rgba(245, 165, 36, .08) 0%, transparent 60%);
      animation: heroPulse 15s ease-in-out infinite reverse
    }

    @keyframes heroPulse {

      0%,
      100% {
        transform: scale(1);
        opacity: .5
      }

      50% {
        transform: scale(1.15);
        opacity: .9
      }
    }

    #yds-site-details .hero-content {
      position: relative;
      z-index: 1;
      max-width: 800px
    }

    #yds-site-details .hero-logo {
      width: 100px;
      height: 100px;
      border-radius: var(--radius-lg);
      box-shadow: 0 20px 60px rgba(245, 165, 36, .25), 0 0 80px rgba(39, 32, 82, .5);
      margin-bottom: 1.5rem;
      animation: logoFloat 6s ease-in-out infinite
    }

    @keyframes logoFloat {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(-8px)
      }
    }

    #yds-site-details .hero h1 {
      font-size: clamp(2.5rem, 7vw, 4.5rem);
      font-weight: 900;
      line-height: 1.1;
      margin-bottom: 1rem;
      background: linear-gradient(135deg, #fff 0%, #e2e8f0 50%, #cbd5e1 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text
    }

    #yds-site-details .hero h1 .accent {
      -webkit-text-fill-color: var(--secondary);
      color: var(--secondary)
    }

    #yds-site-details .hero-sub {
      font-size: clamp(1rem, 2.5vw, 1.3rem);
      color: var(--text-muted);
      margin-bottom: 2.5rem;
      max-width: 550px;
      margin-left: auto;
      margin-right: auto
    }

    #yds-site-details .hero-buttons {
      display: flex;
      gap: 1rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 3rem
    }

    #yds-site-details .stats-row {
      display: flex;
      justify-content: center;
      gap: 3rem;
      flex-wrap: wrap
    }

    #yds-site-details .stat {
      text-align: center
    }

    #yds-site-details .stat-number {
      font-size: 2.2rem;
      font-weight: 800;
      color: var(--secondary)
    }

    #yds-site-details .stat-label {
      font-size: .85rem;
      color: var(--text-muted)
    }

    /* === HOW IT WORKS === */
    #yds-site-details .how-section {
      padding: 6rem 0;
      background: var(--bg-darker)
    }

    #yds-site-details .steps {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
      position: relative;
      margin-top: 1rem
    }

    #yds-site-details .steps::before {
      content: '';
      position: absolute;
      top: 50px;
      left: 16%;
      right: 16%;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--accent), transparent);
      opacity: .3
    }

    #yds-site-details .step {
      text-align: center;
      position: relative;
      z-index: 1
    }

    #yds-site-details .step-icon {
      width: 80px;
      height: 80px;
      margin: 0 auto 1.25rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      background: var(--bg-card);
      border: 2px solid var(--glass-border);
      transition: all .3s
    }

    #yds-site-details .step:nth-child(1) .step-icon {
      border-color: var(--primary-light);
      box-shadow: 0 0 30px rgba(59, 89, 152, .2)
    }

    #yds-site-details .step:nth-child(2) .step-icon {
      border-color: var(--secondary);
      box-shadow: 0 0 30px rgba(245, 165, 36, .2)
    }

    #yds-site-details .step:nth-child(3) .step-icon {
      border-color: var(--accent);
      box-shadow: 0 0 30px rgba(34, 197, 94, .15)
    }

    #yds-site-details .step h3 {
      font-size: 1.15rem;
      margin-bottom: .5rem
    }

    #yds-site-details .step p {
      color: var(--text-muted);
      font-size: .9rem;
      max-width: 280px;
      margin: 0 auto
    }

    @media(max-width:640px) {
      #yds-site-details .steps {
        grid-template-columns: 1fr;
        gap: 3rem
      }

      #yds-site-details .steps::before {
        display: none
      }
    }

    /* === LEARNING ENGINE === */
    #yds-site-details .engine-section {
      padding: 6rem 0;
      background: var(--bg-dark)
    }

    #yds-site-details .engine-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center
    }

    #yds-site-details .engine-visual {
      display: flex;
      justify-content: center
    }

    #yds-site-details .cycle {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      width: 100%;
      max-width: 340px
    }

    #yds-site-details .cycle-node {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1.25rem 1.5rem;
      border-radius: var(--radius);
      background: var(--bg-card);
      border: 1px solid var(--glass-border);
      transition: all .4s
    }

    #yds-site-details .cycle-node:hover {
      transform: translateX(8px)
    }

    #yds-site-details .cycle-node .dot {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      flex-shrink: 0
    }

    #yds-site-details .cycle-node:nth-child(1) .dot {
      background: var(--primary);
      box-shadow: 0 0 12px var(--primary)
    }

    #yds-site-details .cycle-node:nth-child(2) .dot {
      background: var(--secondary);
      box-shadow: 0 0 12px var(--secondary)
    }

    #yds-site-details .cycle-node:nth-child(3) .dot {
      background: var(--accent);
      box-shadow: 0 0 12px var(--accent)
    }

    #yds-site-details .cycle-node strong {
      font-size: 1rem
    }

    #yds-site-details .cycle-node span {
      font-size: .85rem;
      color: var(--text-muted)
    }

    #yds-site-details .cycle-arrow {
      text-align: center;
      color: var(--text-dim);
      font-size: 1.2rem;
      margin: -0.5rem 0
    }

    #yds-site-details .engine-text h3 {
      font-size: 1.5rem;
      margin-bottom: 1rem
    }

    #yds-site-details .engine-text p {
      color: var(--text-muted);
      margin-bottom: 1rem;
      font-size: .95rem;
      line-height: 1.7
    }

    #yds-site-details .rule-badge {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      padding: .5rem 1rem;
      background: rgba(34, 197, 94, .1);
      border: 1px solid rgba(34, 197, 94, .2);
      border-radius: var(--radius-sm);
      color: var(--accent);
      font-weight: 600;
      font-size: .9rem
    }

    @media(max-width:768px) {
      #yds-site-details .engine-grid {
        grid-template-columns: 1fr;
        text-align: center
      }
    }

    /* === FEATURES === */
    #yds-site-details .features-section {
      padding: 6rem 0;
      background: var(--bg-darker)
    }

    #yds-site-details .features-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 1.5rem
    }

    #yds-site-details .feature-card {
      background: var(--glass);
      backdrop-filter: blur(10px);
      padding: 2rem;
      border-radius: var(--radius);
      border: 1px solid var(--glass-border);
      transition: all .35s ease
    }

    #yds-site-details .feature-card:hover {
      transform: translateY(-4px);
      border-color: rgba(245, 165, 36, .25);
      box-shadow: 0 15px 40px rgba(0, 0, 0, .3)
    }

    #yds-site-details .feature-card .icon {
      font-size: 2rem;
      margin-bottom: 1rem;
      display: block
    }

    #yds-site-details .feature-card h3 {
      font-size: 1.15rem;
      margin-bottom: .5rem
    }

    #yds-site-details .feature-card p {
      color: var(--text-muted);
      font-size: .9rem;
      line-height: 1.6
    }

    /* === EXPLORE / KELİMELER === */
    #yds-site-details .explore-section {
      padding: 6rem 0;
      background: var(--bg-dark)
    }

    #yds-site-details .explore-actions {
      display: flex;
      justify-content: center;
      gap: 1rem;
      flex-wrap: wrap;
      margin-bottom: 2.5rem
    }

    #yds-site-details .topic-grid {
      display: flex;
      flex-wrap: wrap;
      gap: .6rem;
      justify-content: center;
      max-width: 900px;
      margin: 0 auto
    }

    #yds-site-details .topic-chip {
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      padding: .55rem 1rem;
      border-radius: 999px;
      background: var(--bg-card);
      border: 1px solid var(--glass-border);
      color: var(--text);
      text-decoration: none;
      font-size: .9rem;
      font-weight: 500;
      transition: border-color .25s, transform .25s, color .25s
    }

    #yds-site-details .topic-chip:hover {
      border-color: rgba(245, 165, 36, .4);
      transform: translateY(-2px);
      color: var(--secondary)
    }

    #yds-site-details .topic-chip span {
      color: var(--text-dim);
      font-size: .78rem
    }

    /* === TESTIMONIALS === */
    #yds-site-details .testimonials-section {
      padding: 6rem 0;
      background: var(--bg-dark)
    }

    #yds-site-details .testimonial-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 1.5rem;
      margin-bottom: 3rem
    }

    #yds-site-details .testimonial-card {
      background: var(--bg-card);
      padding: 2rem;
      border-radius: var(--radius);
      border: 1px solid var(--glass-border)
    }

    #yds-site-details .testimonial-card .stars {
      color: var(--secondary);
      font-size: 1rem;
      margin-bottom: .75rem
    }

    #yds-site-details .testimonial-card blockquote {
      font-size: .95rem;
      color: var(--text-muted);
      line-height: 1.7;
      margin-bottom: 1rem;
      font-style: italic
    }

    #yds-site-details .testimonial-card .author {
      font-weight: 600;
      font-size: .9rem
    }

    #yds-site-details .testimonial-card .author span {
      color: var(--text-dim);
      font-weight: 400
    }

    #yds-site-details .social-proof {
      text-align: center;
      padding: 2rem;
      background: var(--bg-card);
      border-radius: var(--radius);
      border: 1px solid var(--glass-border)
    }

    #yds-site-details .social-proof .big-stat {
      font-size: 2.5rem;
      font-weight: 800;
      color: var(--secondary)
    }

    /* === PRICING === */
    #yds-site-details .pricing-section {
      padding: 6rem 0;
      background: var(--bg-darker)
    }

    #yds-site-details .pricing-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      max-width: 960px;
      margin: 0 auto
    }

    #yds-site-details .pricing-card {
      background: var(--bg-card);
      padding: 2rem;
      border-radius: var(--radius);
      border: 1px solid var(--glass-border);
      text-align: center;
      position: relative;
      transition: transform .3s
    }

    #yds-site-details .pricing-card.popular {
      border-color: var(--secondary);
      box-shadow: 0 0 40px rgba(245, 165, 36, .15);
      transform: scale(1.04)
    }

    #yds-site-details .popular-badge {
      position: absolute;
      top: -14px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
      color: #000;
      padding: .3rem 1.2rem;
      border-radius: 20px;
      font-size: .75rem;
      font-weight: 700;
      white-space: nowrap
    }

    #yds-site-details .pricing-card h3 {
      font-size: 1.3rem;
      margin-bottom: .25rem
    }

    #yds-site-details .pricing-card .price {
      font-size: 2.75rem;
      font-weight: 800;
      color: var(--secondary);
      margin: .5rem 0
    }

    #yds-site-details .pricing-card .price small {
      font-size: .9rem;
      color: var(--text-muted);
      font-weight: 400
    }

    #yds-site-details .pricing-card .price-features {
      list-style: none;
      text-align: left;
      margin: 1.5rem 0
    }

    #yds-site-details .pricing-card .price-features li {
      padding: .4rem 0;
      color: var(--text-muted);
      font-size: .9rem
    }

    #yds-site-details .pricing-card .price-features li::before {
      content: '✓';
      color: var(--accent);
      margin-right: .5rem;
      font-weight: 700
    }

    @media(max-width:768px) {
      #yds-site-details .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 400px
      }

      #yds-site-details .pricing-card.popular {
        transform: none
      }

      #yds-site-details .pricing-card[style*="grid-column"] {
        grid-column: auto !important
      }
    }

    /* === DEMO === */
    #yds-site-details .demo-section {
      padding: 6rem 0;
      background: var(--bg-dark)
    }

    #yds-site-details .demo-wrapper {
      max-width: 420px;
      margin: 0 auto;
      text-align: center
    }

    #yds-site-details .demo-phone {
      background: #000;
      border-radius: 36px;
      padding: 12px;
      box-shadow: 0 25px 80px rgba(0, 0, 0, .6);
      position: relative;
      overflow: hidden
    }

    #yds-site-details .demo-phone::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 120px;
      height: 24px;
      background: #000;
      border-radius: 0 0 16px 16px;
      z-index: 2
    }

    #yds-site-details .demo-phone iframe {
      width: 100%;
      height: 680px;
      border: none;
      border-radius: 28px;
      background: var(--bg-dark)
    }

    #yds-site-details .demo-toggle {
      margin-top: 1.5rem
    }

    @media(max-width:480px) {
      #yds-site-details .demo-phone iframe {
        height: 520px
      }
    }

    /* === DOWNLOAD CTA === */
    #yds-site-details .download-section {
      padding: 6rem 0;
      background: linear-gradient(135deg, #272052 0%, #0F1626 50%, #1B1640 100%);
      text-align: center;
      border-top: 1px solid rgba(245, 165, 36, .15)
    }

    #yds-site-details .download-section h2 {
      font-size: clamp(2rem, 5vw, 2.75rem);
      margin-bottom: .75rem
    }

    #yds-site-details .download-section p {
      font-size: 1.15rem;
      opacity: .9;
      margin-bottom: 2rem
    }

    #yds-site-details .store-buttons {
      display: flex;
      gap: 1rem;
      justify-content: center;
      flex-wrap: wrap
    }

    #yds-site-details .store-btn {
      background: rgba(0, 0, 0, .3);
      padding: .75rem 1.5rem;
      border-radius: var(--radius-sm);
      color: #fff;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: .75rem;
      transition: all .3s
    }

    #yds-site-details .store-btn:hover {
      background: rgba(0, 0, 0, .5);
      transform: translateY(-2px)
    }

    #yds-site-details .store-btn svg {
      width: 28px;
      height: 28px
    }

    #yds-site-details .store-info {
      text-align: left
    }

    #yds-site-details .store-info small {
      font-size: .7rem;
      opacity: .8
    }

    #yds-site-details .store-info strong {
      display: block;
      font-size: 1rem
    }

    /* === FOOTER === */
    #yds-site-details footer {
      padding: 3rem 1.5rem;
      background: var(--bg-card);
      text-align: center
    }

    #yds-site-details footer p {
      color: var(--text-muted);
      font-size: .9rem
    }

    #yds-site-details footer a {
      color: var(--primary-light);
      text-decoration: none
    }

    #yds-site-details .footer-links {
      margin-top: 1rem;
      display: flex;
      gap: 2rem;
      justify-content: center;
      flex-wrap: wrap
    }

    /* === REDUCED MOTION === */
    @media(prefers-reduced-motion:reduce) {
      #yds-site-details .reveal {
        opacity: 1;
        transform: none;
        transition: none
      }

      #yds-site-details .hero::before,
      #yds-site-details .hero::after {
        animation: none
      }

      #yds-site-details .hero-logo {
        animation: none
      }

      #yds-site-details {
        scroll-behavior: auto
      }
    }

    /* === FABLE-5 YENİLEME: hero telefon, vitrin, kanıt, SSS === */
    #yds-site-details .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;text-align:left}
    #yds-site-details .hero-grid .hero-content{margin:0}
    #yds-site-details .hero-grid .hero-buttons,#yds-site-details .hero-grid .stats-row{justify-content:flex-start}
    #yds-site-details .hero-grid .stats-row{flex-wrap:wrap;gap:1.4rem}
    #yds-site-details .hero-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:.8rem}
    #yds-site-details .hero-phone{width:min(300px,80vw);aspect-ratio:9/16;border-radius:36px;padding:10px;
      background:linear-gradient(160deg,#232B4A,#0A0F1E);border:1px solid rgba(245,165,36,.25);
      box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;position:relative}
    #yds-site-details .hero-phone::before{content:'';position:absolute;top:18px;left:50%;transform:translateX(-50%);
      width:84px;height:8px;border-radius:8px;background:#0A0F1E;z-index:3}
    #yds-site-details .hero-phone-screen{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#0F1626}
    #yds-site-details .hp-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;
      opacity:0;transition:opacity 1s ease}
    #yds-site-details .hp-slide.on{opacity:1}
    #yds-site-details .hero-demo-btn{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:4;
      background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#000;font-weight:700;
      border:none;border-radius:999px;padding:.7rem 1.4rem;font-size:.95rem;cursor:pointer;font-family:inherit;
      box-shadow:0 8px 25px rgba(245,165,36,.45)}
    #yds-site-details .hero-demo-btn:hover{transform:translateX(-50%) translateY(-2px)}
    #yds-site-details .hero-phone-screen iframe{width:100%;height:100%;border:none}
    #yds-site-details .hero-phone-cap{color:var(--text-dim);font-size:.82rem;text-align:center;max-width:280px}
    @media(max-width:900px){#yds-site-details .hero-grid{grid-template-columns:1fr;text-align:center}
      #yds-site-details .hero-grid .hero-buttons,#yds-site-details .hero-grid .stats-row{justify-content:center}}

    #yds-site-details .showcase-section{padding:6rem 0;background:var(--bg-darker)}
    #yds-site-details .strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .2rem 1.2rem;
      -webkit-overflow-scrolling:touch}
    #yds-site-details .strip-card{flex:0 0 168px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--glass-border);
      border-radius:var(--radius);overflow:hidden;text-align:center;transition:transform .25s,border-color .25s}
    #yds-site-details .strip-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(245,165,36,.45)}
    #yds-site-details .strip-card img{width:100%;height:auto;display:block;background:#fff}
    #yds-site-details .strip-card span{display:block;padding:.55rem;font-weight:700;color:var(--text);font-size:.92rem}
    #yds-site-details .anatomy{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:2.5rem;align-items:center;
      margin-top:3rem;background:var(--bg-card);border:1px solid var(--glass-border);
      border-radius:var(--radius-lg);padding:2rem}
    #yds-site-details .anatomy-img{width:100%;height:auto;border-radius:var(--radius);background:#fff}
    #yds-site-details .anatomy-list h3{font-size:1.35rem;margin-bottom:1.1rem}
    #yds-site-details .anatomy-item{display:flex;flex-direction:column;gap:.15rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
    #yds-site-details .anatomy-item b{color:var(--secondary);font-size:.85rem;letter-spacing:.06em}
    #yds-site-details .anatomy-item span{color:var(--text-muted);font-size:.95rem}
    @media(max-width:760px){#yds-site-details .anatomy{grid-template-columns:1fr}}

    #yds-site-details .proof-section{padding:3.5rem 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}
    #yds-site-details .proof-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}
    #yds-site-details .founder-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);
      padding:1.6rem 1.8rem;font-size:1rem;color:var(--text-muted);line-height:1.7}
    #yds-site-details .founder-card span{display:block;margin-top:.8rem;color:var(--secondary);font-weight:700;font-size:.9rem}
    #yds-site-details .proof-badges{display:flex;flex-direction:column;gap:.8rem}
    #yds-site-details .proof-badge{display:flex;align-items:center;gap:.5rem;background:var(--glass);border:1px solid var(--glass-border);
      border-radius:12px;padding:.8rem 1.1rem;color:var(--text);font-weight:600;font-size:.95rem}
    #yds-site-details .proof-badge:hover{border-color:rgba(245,165,36,.45)}
    #yds-site-details .proof-badge.alt{color:var(--text-muted)}
    @media(max-width:760px){#yds-site-details .proof-grid{grid-template-columns:1fr}}

    #yds-site-details .faq-section{padding:6rem 0;background:var(--bg-darker)}
    #yds-site-details .faq-list{max-width:760px;margin:0 auto;display:grid;gap:.8rem}
    #yds-site-details .faq-list details{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);
      padding:1rem 1.3rem}
    #yds-site-details .faq-list summary{cursor:pointer;font-weight:700;font-size:1.02rem;list-style:none;position:relative;padding-right:1.6rem}
    #yds-site-details .faq-list summary::after{content:'+';position:absolute;right:0;top:0;color:var(--secondary);font-size:1.3rem;font-weight:800}
    #yds-site-details .faq-list details[open] summary::after{content:'−'}
    #yds-site-details .faq-list details p{margin-top:.7rem;color:var(--text-muted);font-size:.97rem}

    #yds-site-details .price-micro{color:var(--secondary);font-size:.85rem;font-weight:600;margin:.3rem 0 .6rem}
    @media(min-width:1100px){#yds-site-details .pricing-grid{grid-template-columns:repeat(4,1fr)!important}}
    #yds-site-details .demo-poster{position:relative;width:100%;height:100%;cursor:pointer}
    #yds-site-details .demo-poster img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}

  

#yds-site-details .reveal { opacity:1; transform:none; }
#yds-site-details section { scroll-margin-top:28px; }
#yds-site-details .stats-row { justify-content:center; margin:0; padding:35px 20px; flex-wrap:wrap; }
#yds-site-details .price { font-size:1.4rem; }
#yds-site-details .pdf-section { padding:60px 0; background:var(--bg-darker); }
#yds-site-details .pdf-card { display:grid; grid-template-columns:1fr auto; gap:28px; padding:32px; background:var(--bg-card); border:1px solid var(--secondary); border-radius:20px; align-items:center; }
#yds-site-details .pdf-card h2 { font-size:clamp(24px,4vw,36px); line-height:1.2; margin:12px 0; }
#yds-site-details .pdf-card p { color:var(--text-muted); margin:12px 0; }
#yds-site-details .pdf-actions { display:flex; flex-direction:column; gap:12px; align-items:center; }
#yds-site-details .guide-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:30px; }
#yds-site-details .guide-card { display:flex; flex-direction:column; gap:10px; padding:24px; border:1px solid var(--glass-border); border-radius:12px; background:var(--bg-card); color:var(--text); }
#yds-site-details .guide-card span { color:var(--text-muted); font-size:14px; }
#yds-site-details .guide-card:hover { border-color:var(--secondary); }
#yds-site-details .resources-section { padding:60px 0; }
#yds-site-details .demo-phone { width:min(400px,100%); }
#yds-site-details .demo-phone iframe { width:100%; height:680px; transform:none; }
#yds-site-details .demo-wrapper { width:100%; padding-inline:0; }
#yds-site-details .demo-poster { height:650px; }
#yds-site-details .demo-poster img { height:100%; }
#yds-site-details a:focus-visible, #yds-site-details button:focus-visible, #yds-site-details summary:focus-visible { outline:2px solid var(--secondary); outline-offset:4px; }
#yds-site-details .demo-fallback { display:block; text-align:center; margin-top:20px; }
@media(max-width:760px){#yds-site-details .pdf-card { grid-template-columns:1fr; padding:24px; } #yds-site-details .pdf-actions { align-items:stretch; } #yds-site-details .guide-cards { grid-template-columns:1fr; } #yds-site-details .stats-row { gap:20px; } #yds-site-details .stat { width:40%; } }
@media(max-width:480px){#yds-site-details .demo-phone iframe { height:620px; } #yds-site-details .anatomy { padding:18px; } }

#yds-site-details .pricing-card:not(:first-child) .price { font-size:1.5rem; }