:root{--background:#EBF4FF;--background2:#c3d4ec;--background-orange:#f5aa35;--background-orange-shadow:#52380d;--background-light2:#A4C8F4;--background-light3:#B6D3F6;--background-med:#0B2B49;--background-med2:#103F6A;--background-med3:#efdc8f;--background-dark:#274156;--logo-color-blue:#0092c8;--text-med-contrast:#343434;--text-glow:#20a5de;--gradient-light:linear-gradient(to bottom, var(--background-orange) 0%, var(--background-light2) 30%,
    var(--background-orange) 100%);--gradient-light2:linear-gradient(to bottom, var(--background-orange) 15%, var(--background-med3) 30%,
    var(--background-med3) 75%, var(--background-orange) 100%);--gradient-light2-right:linear-gradient(to right, rgba(255, 255, 255, 0) 20%, var(--background) 35%,
    var(--background2) 100%);--gradient-light2-left:linear-gradient(to left, rgba(255, 255, 255, 0) 20%, var(--background) 35%,
    var(--background2) 100%);--gradient-med:linear-gradient(to bottom, var(--background-med) 0%, var(--background-med2) 50%,
    var(--background-med3) 100%);--gradient-med-trans:linear-gradient(to bottom, rgb(11, 43, 73, 50%) 0%, rgb(16, 63, 106, 50%) 50%,
    rgb(24, 94, 160, 50%) 100%);--gradient-med-rev:linear-gradient(to top, var(--background-med) 0%, var(--background-med3) 50%,
    var(--background-med3) 100%)}.paircoder-content{max-width:1200px;margin:0 auto;padding:0 20px}#paircoder-hero{text-align:center;padding:80px 20px;background:var(--gradient-med);color:#fff;margin:0 -20px}.hero-logo{max-width:400px;width:100%;height:auto;margin-bottom:.5em}#paircoder-hero h1{font-size:3.5em;margin-bottom:.2em;letter-spacing:-.02em}.hero-tagline{font-size:1.5em;opacity:.9;margin-bottom:1em}.hero-description{max-width:600px;margin:0 auto 2em;font-size:1.1em;line-height:1.6;opacity:.85}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1em;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.btn-primary{background:var(--background-orange);color:var(--background-med)}.btn-secondary{background:0 0;color:#fff;border:2px solid rgba(255,255,255,.6)}.btn-secondary:hover{border-color:#fff}#paircoder-features{padding:80px 0;text-align:center}#paircoder-features h2{font-size:2.2em;margin-bottom:1.5em;color:var(--background-med)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:var(--background);padding:30px;border-radius:12px;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-card h3{color:var(--background-med);margin-bottom:.5em;font-size:1.3em}.feature-card p{line-height:1.6;color:var(--text-med-contrast)}#paircoder-demo{padding:60px 0;text-align:center}#paircoder-demo h2{font-size:2.2em;margin-bottom:1em;color:var(--background-med)}#paircoder-demo .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:800px;margin:0 auto;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15)}#paircoder-demo .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}#paircoder-how-it-works{padding:80px 0;text-align:center}#paircoder-how-it-works h2{font-size:2.2em;margin-bottom:1.5em;color:var(--background-med)}.steps{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.step{flex:1;min-width:250px;max-width:350px;text-align:center}.step-number{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--background-med);color:#fff;border-radius:50%;font-size:1.4em;font-weight:700;margin-bottom:16px}.step h3{color:var(--background-med);margin-bottom:.5em}.step p{line-height:1.6;color:var(--text-med-contrast)}#paircoder-cta{padding:80px 20px;text-align:center;background:var(--gradient-med);color:#fff;margin:0 -20px;border-radius:0}#paircoder-cta h2{font-size:2.2em;margin-bottom:.5em}#paircoder-cta p{font-size:1.2em;margin-bottom:2em;opacity:.9}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width:768px){#paircoder-hero h1{font-size:2.5em}.hero-tagline{font-size:1.2em}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}#paircoder-cta h2,#paircoder-demo h2,#paircoder-features h2,#paircoder-how-it-works h2{font-size:1.8em}}