/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Open+Sans:wght@300;400;600;700&display=swap');
:root{--primary:#0f172a;--accent:#22d3ee;--bg:#ffffff;--bg-sec:#f0f9ff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent-lt:#cffafe;--radius:2px;--fh:'Playfair Display',Georgia,serif;--fb:'Open Sans',Arial,sans-serif;--mw:1200px;--mwa:780px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;}
body{font-family:var(--fb);color:var(--text);background:var(--bg);line-height:1.78;min-height:100vh;display:flex;flex-direction:column;}
main{flex:1;}
img{max-width:100%;height:auto;display:block;border-radius:var(--radius);}
a{display:inline-block;text-align:center;color:var(--accent);text-decoration:none;transition:color .2s,opacity .2s;}
a:hover{opacity:.75;}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
ul{list-style:none;}
h1,h2,h3,h4,h5{font-family:var(--fh);font-weight:700;line-height:1.15;color:var(--primary);}
p{margin-bottom:1.1rem;}
p:last-child{margin-bottom:0;}
.container{max-width:var(--mw);margin:0 auto;padding:0 28px;}
.article-wrap{max-width:var(--mwa);margin:0 auto;padding:0 28px;}
.nav-checkbox,.cookie-checkbox{display:none;position:absolute;left:-9999px;}
.site-header{position:sticky;top:0;z-index:200;background:var(--bg);border-bottom:2px solid var(--primary);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px;}
.site-logo{font-family:var(--fh);font-size:1.85rem;font-weight:900;color:var(--primary);letter-spacing:-.04em;position:relative;padding-bottom:3px;}
.site-logo::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent);}
.site-logo:hover{color:var(--accent);opacity:1;}
.site-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap;}
.site-nav a{padding:7px 14px;font-size:.875rem;font-weight:600;color:var(--primary);border-radius:var(--radius);border:1px solid transparent;transition:border-color .2s,color .2s,background .2s;}
.site-nav a:hover,.site-nav a.active{border-color:var(--accent);color:var(--accent);background:var(--accent-lt);opacity:1;}
.burger-btn{display:none;flex-direction:column;gap:5px;background:none;border:1px solid var(--border);cursor:pointer;padding:10px 12px;border-radius:var(--radius);}
.burger-btn span{display:block;width:22px;height:2px;background:var(--primary);transition:transform .3s,opacity .3s;}
.nav-checkbox:checked~.site-header .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-checkbox:checked~.site-header .burger-btn span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-checkbox:checked~.site-header .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:900px){
  .burger-btn{display:flex;}
  .site-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:2px solid var(--primary);padding:16px;gap:4px;z-index:199;}
  .site-nav a{text-align:left;padding:12px 16px;}
  .nav-checkbox:checked~.site-header .site-nav{display:flex;}
}
.home-hero{background:var(--bg-sec);border-bottom:2px solid var(--primary);padding:72px 0;}
.home-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
@media(max-width:768px){.home-hero-grid{grid-template-columns:1fr;gap:32px;}}
.hero-text .section-label{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px;display:block;}
.hero-text h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.08;margin-bottom:20px;}
.hero-text p{font-size:1.125rem;color:var(--muted);margin-bottom:28px;line-height:1.65;}
.hero-cta{padding:15px 34px;background:var(--primary);color:var(--bg);border-radius:var(--radius);font-weight:700;font-size:1rem;border:2px solid var(--primary);transition:background .2s,color .2s;}
.hero-cta:hover{background:var(--bg);color:var(--primary);opacity:1;}
.hero-img-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}
.section-label{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px;display:block;}
.section-title{font-size:2rem;margin-bottom:32px;padding-bottom:12px;border-bottom:2px solid var(--primary);}
.breadcrumbs{padding:18px 0;border-bottom:1px solid var(--border);font-size:.8rem;color:var(--muted);}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.breadcrumbs li{display:flex;align-items:center;gap:6px;}
.breadcrumbs li:not(:last-child)::after{content:'/';color:var(--border);}
.breadcrumbs a{color:var(--accent);font-size:.8rem;}
.article-header{padding:48px 0 28px;}
.article-header h1{font-size:clamp(1.75rem,4vw,3rem);font-weight:900;line-height:1.08;margin-bottom:18px;}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:.875rem;margin-bottom:16px;}
.rubric{background:var(--accent);color:var(--bg);padding:2px 10px;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);}
.meta-sep{color:var(--border);}
.article-lead{font-size:1.125rem;color:var(--muted);line-height:1.65;border-left:4px solid var(--accent);padding-left:18px;margin-top:18px;}
.article-img{margin:32px 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}
.article-body{padding:32px 0;}
.article-body h2{font-size:1.625rem;margin:2.75rem 0 1.1rem;padding-bottom:10px;border-bottom:2px solid var(--accent);}
.article-body h2:first-child{margin-top:0;}
.article-body p{margin-bottom:1.25rem;font-size:1.0625rem;}
@keyframes fadeIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.article-body{animation:fadeIn .45s ease;}
.hero-text{animation:fadeIn .5s ease;}
.pull-quote{margin:2.75rem 0;padding:26px 36px;border-left:4px solid var(--accent);background:var(--bg-sec);border-radius:var(--radius);}
.pull-quote p{font-family:var(--fh);font-size:1.375rem;font-style:italic;color:var(--primary);margin:0;line-height:1.5;}
.pull-quote cite{display:block;margin-top:14px;font-size:.875rem;color:var(--muted);font-style:normal;font-weight:600;}
.divider{border:none;border-top:1px solid var(--border);margin:2.75rem 0;}
.pros-cons{margin:2.25rem 0;}
.pros-cons>h2{font-size:1.625rem;margin-bottom:1.5rem;padding-bottom:10px;border-bottom:2px solid var(--accent);}
.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:620px){.pros-cons-grid{grid-template-columns:1fr;}}
.pros-block,.cons-block{border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
.pros-block{border-top:3px solid var(--accent);}
.cons-block{border-top:3px solid var(--primary);}
.pros-block h3,.cons-block h3{font-size:1.1rem;margin-bottom:18px;}
.pc-list li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--border);font-size:.9375rem;line-height:1.55;}
.pc-list li:last-child{border-bottom:none;}
.pc-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;color:var(--bg);margin-top:2px;}
.pro-icon{background:var(--accent);}
.con-icon{background:var(--primary);}
.alternatives{margin:2.25rem 0;}
.alternatives>h2{font-size:1.625rem;margin-bottom:1.5rem;padding-bottom:10px;border-bottom:2px solid var(--accent);}
.alt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.alt-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s,background .2s;}
.alt-card:hover{border-color:var(--accent);background:var(--bg-sec);}
.alt-card h4{font-size:1rem;margin-bottom:8px;}
.alt-card p{font-size:.875rem;color:var(--muted);margin:0;}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:2rem 0;}
.tag{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;color:var(--muted);transition:border-color .2s,color .2s;}
.tag:hover{border-color:var(--accent);color:var(--accent);opacity:1;}
.disclaimer{background:var(--bg-sec);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:20px 24px;margin:2rem 0;font-size:.875rem;color:var(--muted);line-height:1.65;}
.disclaimer strong{color:var(--primary);}
.subscribe-section{background:var(--bg-sec);border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);padding:72px 0;}
.subscribe-inner{max-width:540px;margin:0 auto;text-align:center;padding:0 24px;}
.subscribe-inner h2{margin-bottom:12px;font-size:2rem;}
.subscribe-inner p{color:var(--muted);margin-bottom:28px;}
.subscribe-form{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.subscribe-form input[type=email]{flex:1;min-width:200px;padding:15px 18px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--fb);font-size:1rem;background:var(--bg);color:var(--text);transition:border-color .2s;}
.subscribe-form input[type=email]:focus{outline:none;border-color:var(--accent);}
.subscribe-form button{padding:15px 28px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-family:var(--fb);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s;}
.subscribe-form button:hover{background:var(--primary);}
.other-articles{padding:64px 0;border-top:1px solid var(--border);}
.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;}
.article-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s;}
.article-card:hover{border-color:var(--accent);transform:translateY(-2px);}
.card-body{padding:24px;}
.card-rubric{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;}
.card-title{font-family:var(--fh);font-size:1.2rem;font-weight:700;margin-bottom:12px;color:var(--primary);}
.card-excerpt{font-size:.875rem;color:var(--muted);margin-bottom:14px;line-height:1.6;}
.card-meta{font-size:.8rem;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;}
.read-more{color:var(--accent);font-weight:700;font-size:.875rem;display:inline-flex;align-items:center;gap:4px;margin-top:14px;}
.read-more::after{content:'→';transition:transform .2s;}
.read-more:hover::after{transform:translateX(4px);}
.read-more:hover{opacity:1;}
.site-footer{background:var(--primary);color:#94a3b8;padding:56px 0 28px;margin-top:auto;}
.footer-grid{display:grid;grid-template-columns:1.2fr 1.8fr 1.2fr;gap:48px;padding-bottom:40px;border-bottom:1px solid #1e293b;margin-bottom:28px;}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:32px;}}
.footer-logo{font-family:var(--fh);font-size:1.6rem;font-weight:900;color:var(--bg);letter-spacing:-.03em;border-bottom:3px solid var(--accent);padding-bottom:3px;display:inline-block;}
.footer-logo:hover{color:var(--accent);opacity:1;}
.footer-tagline{font-size:.875rem;margin-top:10px;color:#94a3b8;line-height:1.5;}
.footer-links h4{color:var(--bg);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-family:var(--fb);font-weight:700;}
.footer-links ul{display:flex;flex-direction:column;gap:8px;}
.footer-links a{color:#94a3b8;font-size:.875rem;text-align:left;transition:color .2s;}
.footer-links a:hover{color:var(--accent);opacity:1;}
.footer-disc{font-size:.8125rem;line-height:1.65;color:#94a3b8;}
.footer-disc strong{color:#cbd5e1;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8125rem;color:#64748b;}
.footer-bottom-links{display:flex;gap:18px;flex-wrap:wrap;}
.footer-bottom-links a{color:#64748b;font-size:.8125rem;transition:color .2s;}
.footer-bottom-links a:hover{color:var(--accent);opacity:1;}
.cookie-banner{position:fixed;bottom:24px;right:24px;z-index:999;max-width:350px;width:calc(100% - 48px);background:var(--bg);border:2px solid var(--primary);border-radius:var(--radius);padding:20px 22px;}
.cookie-banner p{font-size:.875rem;color:var(--muted);margin-bottom:16px;line-height:1.55;}
.cookie-banner strong{color:var(--primary);}
.cookie-banner a{font-size:.875rem;}
.cookie-actions{display:flex;gap:10px;}
.cookie-btn{flex:1;padding:10px 16px;background:var(--accent);color:var(--bg);border-radius:var(--radius);font-weight:700;font-size:.875rem;cursor:pointer;text-align:center;border:2px solid var(--accent);transition:background .2s;}
.cookie-btn:hover{background:var(--primary);border-color:var(--primary);opacity:1;}
.cookie-btn-reject{flex:1;padding:10px 16px;background:transparent;color:var(--primary);border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;text-align:center;border:2px solid var(--border);transition:border-color .2s;}
.cookie-btn-reject:hover{border-color:var(--primary);}
.cookie-checkbox:checked~.cookie-banner{display:none;}
.policy-hero{background:var(--bg-sec);padding:56px 0 36px;border-bottom:2px solid var(--primary);}
.policy-hero h1{font-size:2.5rem;}
.policy-hero p{color:var(--muted);margin-top:12px;font-size:1rem;}
.policy-content{padding:56px 0;}
.policy-content h2{font-size:1.5rem;margin:2.5rem 0 1rem;padding-bottom:10px;border-bottom:1px solid var(--border);}
.policy-content h2:first-child{margin-top:0;}
.policy-content p{margin-bottom:1rem;font-size:1rem;line-height:1.75;}
.policy-content ul{list-style:disc;padding-left:24px;margin-bottom:1.25rem;}
.policy-content ul li{margin-bottom:8px;font-size:1rem;line-height:1.65;}
.policy-content strong{color:var(--primary);}
.policy-date{font-size:.875rem;color:var(--muted);margin-top:8px;display:block;}
.success-page{padding:96px 0;text-align:center;}
.success-icon{font-size:4.5rem;margin-bottom:24px;display:block;animation:fadeIn .5s ease;}
.success-page h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:16px;}
.success-page p{font-size:1.125rem;color:var(--muted);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;}
.btn-back{padding:15px 36px;background:var(--accent);color:var(--bg);border-radius:var(--radius);font-weight:700;font-size:1rem;transition:background .2s;}
.btn-back:hover{background:var(--primary);opacity:1;}
.error-page{padding:96px 0;text-align:center;}
.error-code{font-size:9rem;font-family:var(--fh);font-weight:900;color:var(--accent);line-height:1;display:block;animation:fadeIn .4s ease;}
.error-page h2{font-size:2rem;margin:16px 0 12px;}
.error-page p{color:var(--muted);margin-bottom:36px;font-size:1.125rem;max-width:440px;margin-left:auto;margin-right:auto;}
.btn-home{padding:15px 36px;background:var(--primary);color:var(--bg);border-radius:var(--radius);font-weight:700;font-size:1rem;transition:background .2s,color .2s;}
.btn-home:hover{background:var(--accent);color:var(--primary);opacity:1;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}