.meta-hero{text-align:center;padding:90px 24px 72px;background:radial-gradient(circle at 50% 0,#e6f5eb,transparent 48%),#f8faf8}.meta-hero>a{display:block;color:#087d39;font-size:12px;text-decoration:none;margin-bottom:28px}.meta-hero>span,.meta-form header span,.code-head span,.meta-guide header span,.meta-cta span{color:#07953b;font-size:11px;font-weight:800;letter-spacing:1.4px}.meta-hero h1{font-size:clamp(52px,6vw,82px);line-height:1;letter-spacing:-4px;margin:14px 0 22px}.meta-hero p{max-width:760px;margin:auto;color:#647068;font-size:17px;line-height:1.7}.audit-bar{margin:-25px auto 0;position:relative;max-width:1180px;background:#fff;border:1px solid #dce5df;border-radius:13px;box-shadow:0 15px 35px rgba(24,65,37,.09);padding:21px 25px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center}.audit-bar b,.audit-bar span{display:block}.audit-bar b{font-size:14px}.audit-bar span{font-size:10px;color:#718078;margin-top:4px}.audit-bar form{display:flex}.audit-bar input{flex:1;height:43px;border:1px solid #d2ddd5;border-radius:7px 0 0 7px;padding:0 12px}.audit-bar button{border:0;border-radius:0 7px 7px 0;background:#07953b;color:#fff;padding:0 17px;font-weight:800}.audit-bar>p{grid-column:1/-1;margin:0;color:#087d39;font-size:10px}.meta-builder{padding:75px clamp(24px,6vw,90px);display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.meta-form{border:1px solid #dce5df;border-radius:13px;padding:28px}.meta-form header{margin:5px 0 20px}.meta-form header:not(:first-child){border-top:1px solid #e1e8e3;padding-top:28px;margin-top:30px}.meta-form h2{font-size:26px;margin:6px 0}.meta-form label{display:block;font-size:11px;font-weight:800;margin:13px 0}.meta-form output{float:right;color:#738078;font-weight:500}.meta-form input,.meta-form textarea,.meta-form select{display:block;width:100%;border:1px solid #d3ded6;border-radius:7px;margin-top:7px;padding:0 12px;font:13px Inter}.meta-form input,.meta-form select{height:45px}.meta-form textarea{height:85px;padding-top:12px;resize:vertical}.meta-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-form .check{display:flex;align-items:center;gap:8px}.meta-form .check input{width:auto;height:auto;margin:0}.meta-preview{position:sticky;top:18px;background:#f5f8f6;border-radius:13px;padding:22px}.preview-tabs{display:flex;gap:6px}.preview-tabs button{border:1px solid #d7e0da;background:#fff;border-radius:17px;padding:7px 12px;font-size:10px}.preview-tabs button.active{background:#06452a;color:#fff}.meta-preview #previewCanvas{min-height:290px;display:grid;place-items:center}.google-preview{background:#fff;border-radius:10px;padding:25px;width:100%}.google-preview small{color:#38443d;font-size:11px;line-height:1.5}.google-preview h3{font-family:Arial;color:#1a0dab;font-size:20px;font-weight:400;margin:10px 0 5px}.google-preview p{font-family:Arial;color:#4d5156;font-size:13px;line-height:1.5}.social-preview,.x-preview{background:#fff;border:1px solid #d9e0dc;border-radius:10px;overflow:hidden;width:100%}.share-image{height:190px;background:#dfe9e2 center/cover;display:grid;place-items:center;color:#77837b;font-size:10px}.social-preview>div:last-child,.x-preview>div:last-child{padding:14px}.social-preview h3,.x-preview h3{font-size:16px;margin:5px 0}.social-preview p,.x-preview p{font-size:11px;color:#657169}.social-preview small,.x-preview small{font-size:9px;color:#758078}.meta-score{background:#fff;border-radius:10px;padding:18px;display:grid;grid-template-columns:85px 1fr;gap:12px}.meta-score>div{border-right:1px solid #e0e7e2}.meta-score b,.meta-score span{display:block}.meta-score b{font-size:31px;color:#07953b}.meta-score span{font-size:8px}.meta-score ul{margin:0;padding-left:18px}.meta-score li{font-size:10px;margin:5px 0}.meta-score .bad{color:#b42318}.meta-score .warn{color:#a15c00}.meta-score .good{color:#087d39}.code-output{margin:0 clamp(20px,5vw,75px) 70px;background:#092d1d;color:#fff;border-radius:14px;padding:35px}.code-head{display:flex;justify-content:space-between;align-items:end}.code-head h2{font-size:31px;margin:7px 0}.code-head select,.code-head button{height:39px;border:1px solid #35604a;border-radius:6px;background:#103c28;color:#fff;padding:0 12px}.code-head button{background:#18a94b;border-color:#18a94b;font-weight:800}.code-output pre{background:#041d12;border-radius:9px;padding:22px;overflow:auto;max-height:430px}.code-output code{font:11px/1.7 monospace;color:#d5e8dc;white-space:pre}.meta-guide{padding:75px clamp(24px,8vw,130px)}.meta-guide header{text-align:center}.meta-guide header h2{font-size:40px}.meta-guide>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0 65px}.meta-guide article{background:#f5f8f6;border-radius:10px;padding:23px}.meta-guide h3{font-size:16px}.meta-guide p{font-size:12px;line-height:1.65;color:#66726a}.meta-guide>h2{font-size:30px}.meta-guide details{border-bottom:1px solid #dfe6e1}.meta-guide summary{padding:18px 0;font-size:13px;font-weight:800;display:flex;justify-content:space-between}.meta-cta{margin:0 clamp(20px,5vw,75px) 70px;background:#07953b;color:#fff;border-radius:14px;padding:50px 55px;display:flex;justify-content:space-between;align-items:center}.meta-cta span{color:#baf0cd}.meta-cta h2{font-size:34px;margin:8px 0}.meta-cta p{font-size:13px}.meta-cta .button{flex:none}@media(max-width:900px){.meta-builder{grid-template-columns:1fr}.meta-preview{position:static}.meta-guide>div{grid-template-columns:1fr 1fr}}@media(max-width:650px){.meta-hero{padding:60px 19px}.meta-hero h1{font-size:45px;letter-spacing:-2.5px}.audit-bar{margin:0 14px;display:block}.audit-bar form{margin-top:14px;display:block}.audit-bar input,.audit-bar button{width:100%;border-radius:7px}.audit-bar button{height:42px;margin-top:7px}.meta-builder{padding:50px 14px}.meta-form{padding:19px}.meta-form .two{grid-template-columns:1fr}.code-output,.meta-cta{margin-left:14px;margin-right:14px;padding:27px 20px}.code-head,.meta-cta{display:block}.code-head>div:last-child{display:flex;margin-top:15px}.meta-guide{padding:55px 19px}.meta-guide>div{grid-template-columns:1fr}.meta-cta .button{width:100%;margin-top:15px}}