:root{--dark-navy: #0D1B2A;--ocean-blue: #1B4F72;--accent-teal: #00BFA6;--accent-teal-light: #00D4B8;--card-surface: #1A2E40;--card-surface-light: #213549;--cream-white: #F0F4F8;--text-secondary: #8EAABB;--error-red: #E74C3C;--success-green: #27AE60;--gold: #F39C12}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{overflow-x:hidden}body{font-family:Rubik,system-ui,-apple-system,sans-serif;background-color:var(--dark-navy);color:var(--cream-white);line-height:1.6;-webkit-font-smoothing:antialiased}[dir=ltr] .prose-page ul{padding-right:0;padding-left:1.5rem}a{color:var(--accent-teal);text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;top:-100px;right:1rem;z-index:200;background:var(--accent-teal);color:var(--dark-navy);padding:.6rem 1.2rem;border-radius:0 0 10px 10px;font-weight:600;font-size:14px;transition:top .2s}.skip-link:focus{top:0;text-decoration:none}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#0d1b2ae6;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.navbar-brand .logo-icon{width:36px;height:36px;border-radius:10px;display:block}.navbar-brand .brand-name{font-size:18px;font-weight:700;color:var(--cream-white)}.navbar-end{display:flex;align-items:center;gap:1.5rem}.navbar-links{display:flex;align-items:center;gap:1.5rem;list-style:none}.navbar-links a{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.navbar-links a:hover{color:var(--cream-white);text-decoration:none}.lang-switch{display:flex;align-items:center;gap:.4rem;padding-inline-start:1.5rem;border-inline-start:1px solid rgba(255,255,255,.1)}.lang-switch-link{color:var(--text-secondary);font-size:13px;font-weight:600;padding:.3rem .65rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.lang-switch-link:hover{color:var(--dark-navy);background:var(--accent-teal);border-color:var(--accent-teal);text-decoration:none}.section{padding:5rem 2rem}.container{max-width:1100px;margin:0 auto}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.75rem}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.05rem;margin-bottom:3rem}.hero{padding:5rem 2rem;overflow:hidden}.hero-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.hero-copy{text-align:right}.eyebrow-badge{display:inline-flex;align-items:center;gap:.4rem;background:#00bfa61f;border:1px solid rgba(0,191,166,.3);color:var(--accent-teal-light);padding:.4rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:1.25rem}.hero h1{font-size:clamp(2rem,4.2vw,3rem);font-weight:700;line-height:1.25;margin-bottom:1rem}.hero h1 span{color:var(--accent-teal)}.hero-desc{color:var(--text-secondary);font-size:1.1rem;max-width:520px;margin:0 0 2rem;line-height:1.8}.btn-group{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.trust-row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-start;margin-top:2rem}.trust-chip{background:var(--card-surface);border:1px solid rgba(255,255,255,.07);color:var(--text-secondary);padding:.4rem .85rem;border-radius:999px;font-size:.78rem;font-weight:500;white-space:nowrap}.btn-disabled{opacity:.55;cursor:default}.btn-disabled:hover{transform:none;box-shadow:none}.btn-disabled small{font-size:.75em;font-weight:500}.hero-visual{display:flex;justify-content:center}.phrase-card-wrap{position:relative;perspective:1400px}.phrase-card{width:280px;height:190px;position:relative;transform-style:preserve-3d;animation:card-flip 7s ease-in-out infinite}@keyframes card-flip{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.phrase-card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;padding:1.75rem;display:flex;flex-direction:column;justify-content:center;gap:.65rem;text-align:center;box-shadow:0 24px 48px #00000059}.phrase-card-face>*{min-width:0}.phrase-card-front{background:linear-gradient(135deg,var(--card-surface-light),var(--card-surface));border:1px solid rgba(0,191,166,.25)}.phrase-card-back{background:linear-gradient(135deg,var(--accent-teal-light),var(--accent-teal));color:var(--dark-navy);transform:rotateY(180deg)}.phrase-lang{font-size:12px;font-weight:700;letter-spacing:.04em;opacity:.7}.phrase-text{font-size:1.7rem;font-weight:700}.phrase-card-front .phrase-text{direction:ltr}.phrase-card-back .phrase-text{direction:inherit}.phrase-tag{font-size:12px;opacity:.75}.phrase-card-mini{position:absolute;width:46px;height:46px;border-radius:13px;background:var(--card-surface);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 10px 28px #0006;animation:card-float 4s ease-in-out infinite}.phrase-card-mini-1{top:-16px;right:-14px;color:var(--success-green);animation-delay:0s}.phrase-card-mini-2{bottom:-16px;left:-14px;animation-delay:1.6s}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.phrase-card,.phrase-card-mini{animation:none}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--accent-teal);color:var(--dark-navy)}.btn-primary:hover{background:var(--accent-teal-light);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px #00bfa64d}.btn-outline{background:transparent;color:var(--cream-white);border:1.5px solid rgba(255,255,255,.2)}.btn-outline:hover{border-color:#fff6;background:#ffffff0a;text-decoration:none;transform:translateY(-1px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}@media(min-width:780px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--card-surface);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.75rem;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-3px);border-color:#00bfa64d}.feature-icon{width:48px;height:48px;background:#00bfa61f;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:24px}.feature-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;counter-reset:step}.step{text-align:center;position:relative}.step-number{width:48px;height:48px;background:var(--accent-teal);color:var(--dark-navy);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.step h3{font-size:1rem;font-weight:600;margin-bottom:.4rem}.step p{color:var(--text-secondary);font-size:.88rem}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.compare-card{border-radius:16px;padding:1.75rem;border:1px solid rgba(255,255,255,.06);background:var(--card-surface)}.compare-card h3{font-size:1.05rem;font-weight:700;margin-bottom:1rem}.compare-old{border-color:#e74c3c33}.compare-new{border-color:#00bfa64d}.compare-card ul{list-style:none;display:flex;flex-direction:column;gap:.85rem}.compare-card li{display:flex;align-items:flex-start;gap:.65rem;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.compare-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:.1rem}.compare-x{background:#e74c3c1f;color:var(--error-red)}.compare-check{background:#00bfa626;color:var(--accent-teal)}.lang-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:800px;margin:0 auto}.lang-chip{background:var(--card-surface);border:1px solid rgba(255,255,255,.08);padding:.55rem 1.15rem;border-radius:999px;font-size:.88rem;color:var(--cream-white);transition:border-color .2s,transform .2s}.lang-chip:hover{border-color:#00bfa666;transform:translateY(-2px)}.faq-list{display:flex;flex-direction:column;gap:.75rem;max-width:760px;margin:0 auto}.faq-item{background:var(--card-surface);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.faq-item summary{cursor:pointer;padding:1.1rem 1.4rem;font-weight:600;font-size:.98rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--accent-teal);transition:transform .2s;flex-shrink:0}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.4rem 1.15rem;color:var(--text-secondary);font-size:.92rem;line-height:1.8}.cta-banner{background:linear-gradient(135deg,var(--ocean-blue),var(--card-surface));border:1px solid rgba(0,191,166,.2);border-radius:20px;padding:3rem 2rem;text-align:center}.cta-banner h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.cta-banner p{color:var(--text-secondary);margin-bottom:2rem}.footer{background:var(--card-surface);border-top:1px solid rgba(255,255,255,.06);padding:2rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--cream-white);text-decoration:none}.footer-copy{color:var(--text-secondary);font-size:13px}.prose-page{max-width:760px;margin:0 auto;padding:4rem 2rem}.prose-page h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.prose-page .last-updated{color:var(--text-secondary);font-size:.9rem;margin-bottom:2.5rem;display:block}.prose-page h2{font-size:1.25rem;font-weight:600;margin:2rem 0 .75rem;color:var(--accent-teal)}.prose-page p{color:var(--text-secondary);line-height:1.9;margin-bottom:1rem}.prose-page ul{color:var(--text-secondary);padding-right:1.5rem;margin-bottom:1rem;line-height:1.9}.prose-page ul li{margin-bottom:.3rem}.prose-page a{color:var(--accent-teal)}.divider{height:1px;background:#ffffff0f;margin:0}html.in-app .navbar,html.in-app .footer{display:none}html.in-app .prose-page{padding-top:2rem}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-copy{text-align:center}.btn-group,.trust-row{justify-content:center}.hero-visual{order:-1}.compare-grid{grid-template-columns:1fr}}@media(max-width:640px){.navbar{padding:0 1rem}.navbar-links{gap:.75rem;font-size:12.5px}.navbar-end{gap:.75rem}.lang-switch{padding-inline-start:.75rem}.nav-anchor{display:none}.hero{padding:3rem 1.5rem 2.5rem}.section{padding:3rem 1.5rem}.phrase-card{width:230px;height:170px}}@media(max-width:420px){.navbar-brand .brand-name{display:none}}