:root{--color-primary:#E8849A;--color-primary-dark:#C4607A;--color-primary-light:#FDE8EF;--color-accent:#FF6B9D;--color-bg:#FFF5F8;--color-surface:#FFFFFF;--color-text:#2D2D2D;--color-text-muted:#9B7B85;--color-border:#F0D0DC;--color-result-bg:#FFF9FB;--font-heading:'Playfair Display',Georgia,serif;--font-body:'Poppins',system-ui,-apple-system,sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(232,132,154,.12);--shadow-md:0 4px 20px rgba(232,132,154,.18);--shadow-lg:0 8px 40px rgba(232,132,154,.22);--transition:.2s ease;--max-width:1100px;--nav-height:64px;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;}img{max-width:100%;display:block}a{color:var(--color-primary-dark);text-decoration:none}a:hover{color:var(--color-accent)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.25;color:var(--color-text);}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}h2{font-size:clamp(1.35rem,3vw,1.875rem);font-weight:600}h3{font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:600}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;box-shadow:var(--shadow-sm);}.site-header .container{display:flex;align-items:center;justify-content:space-between;}.logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--color-primary-dark);text-decoration:none;}.logo svg{flex-shrink:0}.site-nav-list{display:flex;align-items:center;gap:var(--space-xl);list-style:none;}.site-nav-list a{font-size:.9rem;font-weight:500;color:var(--color-text);transition:color var(--transition);padding-bottom:2px;border-bottom:2px solid transparent;}.site-nav-list a:hover,.site-nav-list a.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-xs);color:var(--color-text);line-height:1;}.hero{background-color:#FFF5F8;padding:var(--space-2xl) 0 var(--space-3xl);text-align:center;position:relative;overflow:hidden;}.hero-content{position:relative;z-index:1;pointer-events:none}.hero-content *{pointer-events:auto}.hero-badge{display:inline-block;background:var(--color-primary-light);color:var(--color-primary-dark);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .9rem;border-radius:var(--radius-full);margin-bottom:var(--space-md);}.hero h1{margin-bottom:var(--space-md);max-width:700px;margin-left:auto;margin-right:auto;}.hero-subtitle{font-size:1.05rem;color:var(--color-text-muted);max-width:540px;margin:0 auto var(--space-lg);}.hero .converter-card{margin-top:0}.hero .results-wrap{margin-top:var(--space-xl)}.ad-wrap{padding:var(--space-md) 0;}.ad-slot{display:block;width:100%;text-align:center;}.converter-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2xl);max-width:580px;margin:0 auto;border:1px solid var(--color-border);}.converter-card h2{text-align:center;margin-bottom:var(--space-xl);font-size:1.45rem;}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);}.select-wrap{position:relative}.select-wrap::after{content:'▾';position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--color-primary);pointer-events:none;font-size:.9rem;}select{width:100%;padding:.75rem 2.25rem .75rem .875rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.975rem;color:var(--color-text);background:var(--color-surface);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);outline:none;}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(232,132,154,.18);}select:hover{border-color:var(--color-primary)}.convert-btn{width:100%;padding:.9rem var(--space-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 15px rgba(196,96,122,.35);letter-spacing:.02em;margin-top:var(--space-md);}.convert-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(196,96,122,.45);}.convert-btn:active{transform:translateY(0)}.results-wrap{max-width:580px;margin:var(--space-xl) auto 0;animation:fadeUp .35s ease;}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.results-heading{font-size:.95rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-md);}.results-heading strong{color:var(--color-primary-dark)}.results-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);}.results-table thead{background:var(--color-primary-light)}.results-table th{padding:.7rem var(--space-md);text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-primary-dark);}.results-table td{padding:.85rem var(--space-md);font-size:.93rem;border-top:1px solid var(--color-border);vertical-align:middle;}.results-table tbody tr{background:var(--color-surface);transition:background var(--transition)}.results-table tbody tr:hover{background:var(--color-result-bg)}.results-table tbody tr.highlight{background:var(--color-primary-light)}.flag-cell{display:flex;align-items:center;gap:var(--space-sm)}.result-flag{font-size:1.2rem;line-height:1}.result-country{font-weight:500}.result-size{font-weight:700;color:var(--color-primary-dark)}.na-tag{color:var(--color-text-muted);font-style:italic;font-size:.85rem}.how-section{background:var(--color-surface);padding:var(--space-3xl) 0;}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header p{color:var(--color-text-muted);font-size:1.02rem;max-width:520px;margin:.5rem auto 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:820px;margin:0 auto;}.step-card{text-align:center;padding:var(--space-xl);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);}.step-number{width:46px;height:46px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;margin:0 auto var(--space-md);}.step-card h3{font-size:1rem;margin-bottom:var(--space-sm)}.step-card p{font-size:.88rem;color:var(--color-text-muted);margin:0}.faq-section{padding:var(--space-3xl) 0;background:var(--color-bg);}.faq-list{max-width:700px;margin:0 auto}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden;}.faq-question{width:100%;background:none;border:none;padding:var(--space-lg);text-align:left;font-family:var(--font-body);font-size:.975rem;font-weight:600;color:var(--color-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);transition:background var(--transition);}.faq-question:hover{background:var(--color-primary-light)}.faq-icon{font-size:1.3rem;color:var(--color-primary);transition:transform .25s ease;flex-shrink:0;line-height:1;}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease;}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding:0 var(--space-lg) var(--space-lg);color:var(--color-text-muted);font-size:.925rem;line-height:1.75;}.site-footer{background:#2D2D2D;color:#BBA8B0;padding:var(--space-2xl) 0 var(--space-lg);}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl);}.footer-brand .logo{color:#fff;margin-bottom:var(--space-md)}.footer-brand p{font-size:.875rem;line-height:1.7;color:#BBA8B0}.footer-col h4{font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#fff;margin-bottom:var(--space-md);}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{font-size:.875rem;color:#BBA8B0;transition:color var(--transition)}.footer-links a:hover{color:var(--color-primary)}.footer-divider{border:none;border-top:1px solid #3D3D3D;margin-bottom:var(--space-lg)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#7A6B72;}.page-hero{background:linear-gradient(135deg,#FFF5F8 0%,#FDEEF3 100%);padding:var(--space-3xl) 0 var(--space-2xl);text-align:center;border-bottom:1px solid var(--color-border);}.page-hero p{color:var(--color-text-muted);font-size:1.02rem;max-width:540px;margin:var(--space-sm) auto 0;}.prose{max-width:740px;margin:0 auto;padding:var(--space-3xl) var(--space-lg);}.prose h2{margin:var(--space-2xl) 0 var(--space-md)}.prose h2:first-child{margin-top:0}.prose h3{margin:var(--space-xl) 0 var(--space-sm)}.prose ul,.prose ol{margin:var(--space-md) 0 var(--space-md) var(--space-xl)}.prose li{margin-bottom:var(--space-xs)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;font-size:.9rem;}.prose table th{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700;padding:.7rem var(--space-md);text-align:left;border:1px solid var(--color-border);}.prose table td{padding:.6rem var(--space-md);border:1px solid var(--color-border);}.prose table tbody tr:nth-child(even){background:var(--color-bg)}.illustration{margin:var(--space-xl) 0;text-align:center;}.illustration-placeholder{display:block;margin:0 auto;max-width:420px;width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md);}.illustration figcaption{margin-top:var(--space-sm);font-size:.875rem;color:var(--color-text-muted);font-style:italic;}.chart-wrap{overflow-x:auto;margin:var(--space-xl) 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);}.chart-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:660px;}.chart-table th{background:var(--color-primary-dark);color:#fff;padding:.75rem var(--space-md);text-align:center;font-weight:600;font-size:.8rem;white-space:nowrap;border:1px solid #b35470;}.chart-table th:first-child{text-align:left}.chart-table td{padding:.6rem var(--space-md);text-align:center;border:1px solid var(--color-border);background:var(--color-surface);}.chart-table td:first-child{text-align:left;font-weight:600;background:var(--color-primary-light);color:var(--color-primary-dark)}.chart-table tbody tr:nth-child(even) td{background:var(--color-bg)}.chart-table tbody tr:nth-child(even) td:first-child{background:var(--color-primary-light)}.chart-table tbody tr:hover td{background:#fff0f5}.chart-table tbody tr:hover td:first-child{background:var(--color-primary-light)}@media (max-width:768px){.nav-toggle{display:flex}.site-nav-list{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:0;box-shadow:var(--shadow-md);padding:var(--space-sm) 0}.site-nav-list.open{display:flex}.site-nav-list li{width:100%}.site-nav-list a{display:block;padding:.75rem var(--space-xl);border-bottom:none}.steps-grid{grid-template-columns:1fr;max-width:400px}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}.converter-card{padding:var(--space-xl) var(--space-md)}}@media (max-width:480px){.form-row{grid-template-columns:1fr}.results-table th,.results-table td{padding:.6rem var(--space-sm);font-size:.85rem}}