:root{--bg: #FFFFFF;--card-bg: #FFFFFF;--card-border: #FFE2E6;--card-border-hover: #FF3E6C;--text: #2A1B1D;--text-muted: #7A5F62;--primary: #FF3E6C;--primary-hover: #E02F59;--primary-glow: rgba(255, 62, 108, .25);--teal: #10B981;--teal-glow: rgba(16, 185, 129, .25);--orange: #FF7E40;--orange-glow: rgba(255, 126, 64, .25);--red: #FF3E6C;--gradient-start: #FF3E6C;--gradient-end: #FF8C00;--font-sans: "Quicksand", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;overflow-x:hidden}.grid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background-image:linear-gradient(rgba(255,62,108,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,62,108,.05) 1px,transparent 1px);background-size:60px 60px;background-position:center top;pointer-events:none}.grid-bg:after{content:"";position:absolute;top:-150px;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:600px;background:radial-gradient(circle,rgba(255,62,108,.15) 0%,transparent 60%);pointer-events:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.border-top{border-top:1px solid var(--card-border)}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:38px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:var(--text);display:flex;align-items:center;justify-content:center;gap:12px}.section-title-icon{width:32px;height:32px;color:var(--primary);stroke-width:2.5px;flex-shrink:0}.section-description{color:var(--text-muted);font-size:18px;max-width:600px;margin:0 auto;font-weight:500}.gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;font-family:var(--font-sans);border:none}.btn-icon{width:16px;height:16px;margin-right:8px}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;box-shadow:0 4px 15px #ff3e6c66}.btn-primary:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px #ff3e6c99}.btn-secondary{background-color:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background-color:#ff3e6c0d;transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #ff3e6c26}.btn-glow{box-shadow:0 4px 20px #ff3e6c66}.btn-sm{padding:8px 18px;font-size:14px}.btn-lg{padding:14px 32px;font-size:16px}.btn-full{width:100%;padding:14px;font-size:16px}.heartbeat{animation:heartbeat-pulse 1.4s infinite ease-in-out;display:inline-block}@keyframes heartbeat-pulse{0%{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.25)}70%{transform:scale(1)}}.nav-container{position:fixed;top:0;left:0;width:100%;z-index:100;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--card-border)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 24px}.logo{display:flex;align-items:center;cursor:pointer}.logo-icon{width:20px;height:20px;color:var(--primary);margin-right:8px}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.logo-dot{color:var(--primary)}.nav-links{display:flex;gap:12px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:700;transition:color .2s ease;white-space:nowrap}.nav-links a:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:12px}.system-status{display:flex;align-items:center;background:#fff5f6;border:1.5px solid var(--card-border);padding:6px 14px;border-radius:99px;font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:8px;display:inline-block}.status-dot.green{background-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}to{transform:scale(1);opacity:1}}.status-text{color:var(--primary);font-weight:700}.hero{padding-top:160px;padding-bottom:80px}.hero-flex-wrapper{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:48px}.hero-text-block{flex:1.2}.hero-image-block{flex:.8;display:flex;justify-content:center;align-items:center;position:relative}.hero-peony-img{max-width:100%;height:auto;max-height:380px;object-fit:contain;mix-blend-mode:multiply;animation:float-flower 6s ease-in-out infinite;filter:drop-shadow(0 10px 25px rgba(255,62,108,.1))}@keyframes float-flower{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.badge-container{display:flex;margin-bottom:24px}.hero-flex-wrapper .badge-container{justify-content:flex-start}.promo-badge{display:inline-flex;align-items:center;background:#fff0f2;border:1.5px solid rgba(255,62,108,.2);color:var(--primary);padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700}.badge-icon{width:14px;height:14px;margin-right:6px}.hero-title{font-size:68px;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px;color:var(--text)}.hero-subtitle{font-size:21px;color:var(--text-muted);max-width:800px;margin-bottom:40px;font-weight:500;line-height:1.6}.hero-ctas{display:flex;gap:16px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.bento-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #ff3e6c0a}.bento-card:hover{border-color:var(--card-border-hover);box-shadow:0 12px 30px #ff3e6c1f;transform:translateY(-4px)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.card-header{margin-bottom:24px}.card-category{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.card-title{font-size:22px;font-weight:800;margin-top:4px;color:var(--text)}.card-footer{display:flex;align-items:center;font-size:13px;color:var(--text-muted);margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,62,108,.08);font-weight:500}.footer-icon{width:14px;height:14px;margin-right:8px;color:var(--primary)}.footer-icon.orange{color:var(--orange)}.listening-stat{display:flex;flex-direction:column;gap:16px}.listening-bar-wrapper{display:flex;flex-direction:column;gap:6px}.listening-bar-label{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted);font-weight:600}.metric-value{color:var(--primary);font-weight:800}.progress-bar{width:100%;height:12px;background:#ff3e6c0f;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:99px;transition:width 1s ease-in-out}.progress-fill.listen-fill{background:linear-gradient(90deg,var(--primary),var(--orange))}.latency-display{text-align:center;padding:24px 0}.latency-number{font-size:56px;font-weight:800;color:var(--primary);letter-spacing:-.02em;text-shadow:0 0 20px rgba(255,62,108,.2)}.latency-label{font-size:14px;color:var(--text-muted);margin-top:8px;font-weight:600}.inventory-display{display:flex;flex-direction:column;gap:16px;padding:16px 0}.inventory-status{display:flex;align-items:baseline;gap:8px}.inventory-percentage{font-size:56px;font-weight:800;color:var(--orange)}.inventory-label{font-size:14px;color:var(--text-muted);font-weight:600}.inventory-warning{display:flex;align-items:flex-start;background:#ff7e4014;border:2px solid rgba(255,126,64,.2);border-radius:12px;padding:12px;font-size:12px;color:#c2410c;gap:8px;font-weight:600}.warning-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.pro-con-split{display:grid;grid-template-columns:1fr 1px 1fr;gap:24px;padding:8px 0}.pro-con-title{font-size:18px;font-weight:800;display:flex;align-items:center;margin-bottom:16px;color:var(--text)}.pro-title-icon{color:var(--teal);width:20px;height:20px;margin-right:8px}.con-title-icon{color:var(--red);width:20px;height:20px;margin-right:8px}.con-divider{background:var(--card-border);width:1px;height:100%}.pro-list,.con-list{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--text-muted);font-weight:600}.pro-list li:before{content:"🌸";margin-right:8px}.con-list li:before{content:"🧸";margin-right:8px}.timeline-container{position:relative;max-width:800px;margin:40px auto 0;padding:20px 0}.timeline-line{position:absolute;left:31px;top:0;bottom:0;width:3px;background:var(--card-border);z-index:1}.timeline-item{position:relative;padding-left:80px;margin-bottom:48px}.timeline-badge{position:absolute;left:15px;top:16px;width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--card-border);display:flex;align-items:center;justify-content:center;z-index:2;color:var(--primary);transition:all .3s ease}.timeline-icon{width:18px;height:18px}.timeline-card{background:#fff;border:2px solid var(--card-border);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #ff3e6c08}.timeline-item:hover .timeline-badge{border-color:var(--primary);color:#fff;background:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.15)}.timeline-item:hover .timeline-card{border-color:var(--card-border-hover);transform:translate(8px);box-shadow:0 12px 30px #ff3e6c14}.timeline-header-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.timeline-date{font-size:13px;font-weight:700;color:#fff;background:var(--primary);padding:3px 12px;border-radius:99px;box-shadow:0 2px 8px var(--primary-glow)}.timeline-title{font-size:19px;font-weight:800;color:var(--text)}.timeline-text{font-size:14.5px;color:var(--text-muted);line-height:1.6;font-weight:600}.active-card{border:2px solid var(--primary);box-shadow:0 6px 20px var(--primary-glow)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;border:2px solid var(--card-border);border-radius:24px;padding:32px;transition:all .3s ease;box-shadow:0 4px 15px #ff3e6c08}.feature-card:hover{border-color:var(--card-border-hover);transform:translateY(-4px);box-shadow:0 12px 30px #ff3e6c14}.feature-card:hover .feature-icon{animation:cute-shake .5s ease-in-out infinite}@keyframes cute-shake{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.feature-icon-wrapper{background:#fff0f2;border:2px solid rgba(255,62,108,.2);border-radius:16px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon{color:var(--primary);width:26px;height:26px}.feature-title{font-size:19px;font-weight:800;margin-bottom:12px;color:var(--text)}.feature-text{color:var(--text-muted);font-size:14.5px;line-height:1.6;font-weight:600}.api-console-grid{display:grid;grid-template-columns:350px 1fr;gap:24px;margin-top:32px}.api-endpoints-card{background:#fff;border:2px solid var(--card-border);border-radius:24px;padding:24px}.api-card-title{font-size:16px;font-weight:800;margin-bottom:16px;color:var(--text)}.endpoints-list{display:flex;flex-direction:column;gap:8px}.endpoint-btn{display:flex;align-items:center;width:100%;padding:14px;border-radius:14px;background:transparent;border:2px solid transparent;color:var(--text-muted);cursor:pointer;text-align:left;font-size:15px;font-weight:700;transition:all .2s ease}.endpoint-btn:hover{background:#ff3e6c08;border-color:var(--card-border);color:var(--primary)}.endpoint-btn.active{background:#fff0f2;border-color:var(--primary);color:var(--primary)}.api-terminal-card{background:#fff;border:2px solid var(--card-border);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:380px;box-shadow:0 8px 30px #ff3e6c0d}.terminal-header{background:#fff5f6;border-bottom:2px solid var(--card-border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.terminal-dots{display:flex;gap:6px}.terminal-dots .dot{width:10px;height:10px;border-radius:50%}.terminal-dots .dot.red{background-color:#ff3e6c}.terminal-dots .dot.yellow{background-color:#ff8c00}.terminal-dots .dot.green{background-color:#10b981}.terminal-title{font-size:14px;color:var(--primary);font-weight:800}.chat-body{padding:24px;flex-grow:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto;background-color:#fff9f9}.chat-bubble{max-width:75%;padding:12px 18px;font-size:15px;line-height:1.5;position:relative;box-shadow:0 3px 10px #ff3e6c0d;font-weight:600}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border-radius:18px 18px 2px;box-shadow:0 4px 15px #ff3e6c59}.chat-bubble.candidate{align-self:flex-start;background-color:#fff;border:2px solid var(--card-border);color:var(--text);border-radius:18px 18px 18px 2px}.terminal-footer{background:#fff5f6;border-top:2px solid var(--card-border);padding:12px 20px;display:flex;justify-content:flex-end}.chat-typing-status{font-size:12px;color:var(--primary);font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.contact-details-card{background:#fff;border:2px solid var(--card-border);border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 15px #ff3e6c08}.contact-heading{font-size:21px;font-weight:800;margin-bottom:24px;color:var(--text)}.contact-items{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:16px}.contact-item-icon{width:46px;height:46px;border-radius:14px;background:#fff0f2;border:2px solid rgba(255,62,108,.2);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.contact-item-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.contact-item-val{display:block;font-size:16px;font-weight:700;color:var(--text)}.deploy-card{background:linear-gradient(180deg,#fff,#fff0f2);border:2px solid var(--card-border);border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 20px #ff3e6c08}.deploy-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,62,108,.08) 0%,transparent 60%);z-index:-1;pointer-events:none}.deploy-title{font-size:32px;font-weight:800;margin-bottom:12px;letter-spacing:-.02em;color:var(--text)}.deploy-subtitle{color:var(--text-muted);font-size:15.5px;max-width:400px;margin-bottom:32px;font-weight:600}.decision-container{display:flex;justify-content:center;gap:16px;height:56px;position:relative;width:100%;max-width:400px}#btn-decline{position:relative;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,border-color .2s ease;will-change:transform}.footer{padding:40px 0;background:#fff5f6;border-top:2px solid var(--card-border)}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-muted);font-weight:600}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2a1b1d80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background:#fff;border:3px solid var(--card-border);border-radius:28px;padding:40px;width:100%;max-width:500px;text-align:center;box-shadow:0 20px 50px #ff3e6c33,0 0 40px #ff3e6c1a;transform:scale(.95);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay.open .modal-card{transform:scale(1)}.modal-success-icon{width:64px;height:64px;border-radius:50%;background:#fff0f2;border:2px solid rgba(255,62,108,.2);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.modal-icon-svg{width:32px;height:32px}.modal-title{font-size:25px;font-weight:800;margin-bottom:12px;color:var(--text)}.modal-desc{color:var(--text-muted);font-size:14.5px;margin-bottom:32px;font-weight:600}.onboarding-checklist{text-align:left;background:#fff9f9;border:2px solid var(--card-border);border-radius:16px;padding:20px;margin-bottom:32px}.checklist-title{font-size:14px;font-weight:700;margin-bottom:16px;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.onboarding-checklist ul{list-style:none;display:flex;flex-direction:column;gap:12px}.onboarding-checklist li{display:flex;align-items:center;font-size:14.5px;gap:12px;color:var(--text-muted);font-weight:600}.onboarding-checklist li.completed{color:var(--text)}.chk-icon{width:18px;height:18px;flex-shrink:0}.completed .chk-icon{color:var(--primary)}@media (max-width: 1200px){.system-status{display:none}}@media (max-width: 1400px){.system-status{display:none}}@media (max-width: 1200px){.nav-links{display:none}.bento-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.api-console-grid,.contact-grid{grid-template-columns:1fr}.col-span-3{grid-column:span 2}}@media (max-width: 768px){.hero-flex-wrapper{flex-direction:column-reverse;text-align:center;gap:32px}.hero-flex-wrapper .badge-container,.hero-ctas{justify-content:center}.hero-peony-img{max-height:240px}.hero-title{font-size:40px}.hero-subtitle{font-size:16px;margin-left:auto;margin-right:auto}.bento-grid{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.pro-con-split{grid-template-columns:1fr}.con-divider{display:none}.timeline-line{left:21px}.timeline-badge{left:5px}.timeline-item{padding-left:55px}.features-grid{grid-template-columns:1fr}.section{padding:64px 0}.section-title{font-size:28px}.section-title-icon{width:24px;height:24px}.deploy-card{padding:32px 16px}.deploy-title{font-size:28px}.footer-content{flex-direction:column;gap:16px;text-align:center}}.interests-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}.interest-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:24px;padding:32px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #ff3e6c0a}.interest-card:hover{border-color:var(--card-border-hover);box-shadow:0 12px 30px #ff3e6c1f;transform:translateY(-4px)}.interest-icon-wrapper{background:#fff0f2;border:2px solid rgba(255,62,108,.2);border-radius:16px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.interest-icon{color:var(--primary);width:26px;height:26px}.interest-title{font-size:19px;font-weight:800;margin-bottom:12px;color:var(--text)}.interest-text{color:var(--text-muted);font-size:14.5px;line-height:1.6;font-weight:500}.polaroid-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px}.polaroid-card{background:#fff;padding:16px 16px 28px;box-shadow:0 8px 24px #2a1b1d14;border:1px solid rgba(255,62,108,.1);border-radius:4px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;position:relative}.polaroid-card:nth-child(2n){transform:rotate(2deg)}.polaroid-card:nth-child(odd){transform:rotate(-2deg)}.polaroid-card:nth-child(3n){transform:rotate(1deg)}.polaroid-card:hover{transform:scale(1.05) rotate(0) translateY(-8px);box-shadow:0 16px 38px #ff3e6c29;z-index:10}.polaroid-img-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;border:1px solid #eee;margin-bottom:20px;background:#f9f9f9}.polaroid-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.polaroid-card:hover .polaroid-img{transform:scale(1.08)}.polaroid-caption{font-family:Caveat,cursive,sans-serif;font-size:22px;font-weight:700;color:#4a3538;text-align:center;line-height:1.2}.faq-container{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:20px;overflow:hidden;transition:all .3s ease}.faq-card[open]{border-color:var(--card-border-hover);box-shadow:0 8px 25px #ff3e6c14}.faq-summary{padding:24px;font-size:17px;font-weight:700;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;-webkit-user-select:none;user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-arrow{width:20px;height:20px;color:var(--primary);transition:transform .3s ease;flex-shrink:0}.faq-card[open] .faq-arrow{transform:rotate(180deg)}.faq-content{padding:16px 24px 24px;font-size:15px;color:var(--text-muted);line-height:1.6;font-weight:500;border-top:1px solid rgba(255,62,108,.05)}@media (max-width: 1024px){.interests-grid{grid-template-columns:repeat(2,1fr)}.polaroid-gallery{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 768px){.interests-grid{grid-template-columns:1fr}.polaroid-gallery{grid-template-columns:1fr;gap:32px}}.why-you-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.why-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:32px;transition:border-color .2s ease,box-shadow .2s ease}.why-card:hover{border-color:var(--card-border-hover);box-shadow:0 4px 24px var(--primary-glow)}.why-number{font-size:52px;font-weight:800;color:var(--primary);opacity:.12;line-height:1;margin-bottom:14px;font-family:var(--font-sans)}.why-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:10px}.why-text{font-size:15px;color:var(--text-muted);font-weight:500;line-height:1.7}.references-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reference-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s ease,box-shadow .2s ease}.reference-card:hover{border-color:var(--card-border-hover);box-shadow:0 4px 24px var(--primary-glow)}.reference-stars{color:var(--orange);font-size:17px;letter-spacing:3px}.reference-quote{font-size:15px;line-height:1.75;color:var(--text);font-weight:500;font-style:italic;flex:1}.reference-author{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--card-border)}.reference-avatar{width:40px;height:40px;border-radius:50%;background:#fff0f2;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.reference-name{display:block;font-weight:700;font-size:14px;color:var(--text)}.reference-role{display:block;font-size:12px;color:var(--text-muted);font-weight:500;margin-top:2px}@media (max-width: 960px){.references-grid{grid-template-columns:1fr}.why-you-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.why-you-grid{grid-template-columns:1fr}}.privacy-card{background:var(--card-bg);border:2px solid var(--primary);border-radius:24px;padding:48px 40px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;max-width:720px;margin:0 auto;box-shadow:0 4px 40px var(--primary-glow)}.privacy-icon{width:56px;height:56px;background:#fff0f2;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,62,108,.2);flex-shrink:0}.privacy-lock-icon{width:26px;height:26px;color:var(--primary);stroke-width:2.5px}.privacy-text{font-size:16.5px;line-height:1.85;color:var(--text);font-weight:600;max-width:600px}@media (max-width: 600px){.privacy-card{padding:32px 24px}.privacy-text{font-size:15px}}.compat-profiles{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-bottom:32px}.compat-profile-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .2s ease,box-shadow .2s ease}.compat-profile-card:hover{border-color:var(--card-border-hover);box-shadow:0 4px 24px var(--primary-glow)}.compat-sign{font-size:52px;line-height:1}.compat-name{font-size:20px;font-weight:700;color:var(--text)}.compat-sign-name{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.08em}.compat-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.compat-tag{background:#fff0f2;border:1px solid var(--card-border);color:var(--text-muted);font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.compat-center{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px}.compat-score{font-size:52px;font-weight:800;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.compat-score-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.compat-findings{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.compat-finding-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,box-shadow .2s ease}.compat-finding-card:hover{border-color:var(--card-border-hover);box-shadow:0 4px 24px var(--primary-glow)}.compat-finding-card.compat-highlight{border-color:var(--primary);box-shadow:0 4px 24px var(--primary-glow)}.compat-finding-icon{font-size:26px;font-weight:800;color:var(--primary);line-height:1}.compat-finding-title{font-size:17px;font-weight:700;color:var(--text)}.compat-finding-text{font-size:14.5px;line-height:1.75;color:var(--text-muted);font-weight:500}@media (max-width: 768px){.compat-profiles{grid-template-columns:1fr}.compat-center{padding:16px 0}.compat-findings{grid-template-columns:1fr}}.noticed-strip{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 24px;background:linear-gradient(90deg,#fff0f2,#fff8f9,#fff0f2);border-top:1px solid rgba(255,62,108,.12);border-bottom:1px solid rgba(255,62,108,.12);flex-wrap:wrap}.noticed-label{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.noticed-counter{display:flex;align-items:center;gap:6px}.noticed-unit{display:flex;flex-direction:column;align-items:center;min-width:48px}.noticed-unit span:first-child{font-size:26px;font-weight:800;color:var(--primary);font-family:Quicksand,sans-serif;line-height:1}.noticed-unit-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.noticed-sep{font-size:22px;font-weight:800;color:var(--primary);opacity:.4;margin-bottom:12px}.noticed-date{font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap}@media (max-width: 600px){.noticed-strip{gap:12px;padding:14px 16px}.noticed-label,.noticed-date{font-size:11px}.noticed-unit span:first-child{font-size:20px}}.approve-disclaimer{display:flex;align-items:flex-start;gap:8px;background:#fff8f9;border:1px solid rgba(255,62,108,.2);border-radius:12px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:var(--text-muted);line-height:1.6;font-weight:500;text-align:left}.disclaimer-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0;margin-top:2px}.approve-countdown{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;animation:fadeIn .2s ease}.countdown-num{font-size:56px;font-weight:800;line-height:1;color:var(--primary);font-family:Quicksand,sans-serif;animation:countPulse .9s ease infinite}.countdown-label{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.03em}@keyframes countPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--primary) 0%,#FF85A1 100%);z-index:9999;transition:width .1s linear;pointer-events:none}.first-date-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;overflow:hidden;max-width:760px;margin:0 auto;box-shadow:0 4px 24px #ff3e6c0f}.first-date-scene{display:flex;gap:0;border-bottom:1px solid var(--card-border)}.first-date-time{flex:1;display:flex;flex-direction:column;gap:4px;padding:20px 28px;border-right:1px solid var(--card-border)}.first-date-time:last-child{border-right:none}.first-date-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.first-date-val{font-size:15px;font-weight:600;color:var(--text)}.first-date-body{padding:32px 36px;display:flex;flex-direction:column;gap:14px}.first-date-body p{font-size:15.5px;line-height:1.8;color:var(--text);margin:0}.first-date-footer{display:flex;gap:10px;padding:20px 36px;border-top:1px solid var(--card-border);background:#fff8f9;flex-wrap:wrap}.first-date-badge{font-size:13px;font-weight:600;color:var(--text-muted);background:#fff;border:1px solid var(--card-border);border-radius:20px;padding:6px 14px}@media (max-width: 600px){.first-date-scene{flex-direction:column}.first-date-time{border-right:none;border-bottom:1px solid var(--card-border);padding:16px 20px}.first-date-body{padding:24px 20px}.first-date-footer{padding:16px 20px}}.letter-card{max-width:680px;margin:0 auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:48px 52px;box-shadow:0 4px 40px #ff3e6c14;position:relative}.letter-card:before{content:'"';position:absolute;top:20px;left:36px;font-size:80px;line-height:1;color:var(--primary);opacity:.12;font-family:Georgia,serif;pointer-events:none}.letter-body{display:flex;flex-direction:column;gap:18px}.letter-salutation{font-size:17px;font-weight:700;color:var(--primary);font-family:Quicksand,sans-serif;margin:0}.letter-body p{font-size:16px;line-height:1.9;color:var(--text);margin:0}.letter-sig{font-size:17px;font-weight:700;color:var(--text);font-family:Caveat,cursive;margin-top:8px!important}@media (max-width: 600px){.letter-card{padding:32px 24px}.letter-card:before{left:20px;top:12px;font-size:60px}}