.support-page{background:radial-gradient(ellipse at 80% 15%,#e0eeff,transparent 45%),#f8fbff;min-height:100vh}.support-page .site-header{height:90px}.support-page .site-header nav{gap:25px}.support-shell{max-width:1200px;margin:auto;padding:40px 42px 55px}.support-eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#7295c0}.support-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;margin-bottom:50px}.support-hero h1{font:700 58px/1.1 'Trebuchet MS','Segoe UI',sans-serif;letter-spacing:-2.5px;margin:20px 0 22px;color:#183d66}.support-hero h1 em{display:block;font-family:Georgia,serif;font-weight:400;color:#286ae4}.support-hero .intro{font-size:15px;line-height:1.85;color:#7390b1;max-width:490px}.support-hero .primary-link{display:inline-flex;align-items:center;gap:20px;text-decoration:none;margin-top:10px;background:linear-gradient(#4e8cff,#2862dd);color:white;padding:14px 22px;border-radius:7px;box-shadow:0 6px 18px #2b66d325;font-size:13px;font-weight:600}.preview-wrap{position:relative;background:linear-gradient(135deg,#e2eeff,#f3f8ff);border:1px solid #d1e2f8;box-shadow:0 20px 65px #1a4d8314;border-radius:17px;padding:20px 20px 12px;max-width:398px;justify-self:center}.browser-chrome{display:flex;align-items:center;gap:5px;color:#9aabc0;font-size:9px;padding:0 4px 12px}.browser-chrome i{width:6px;height:6px;background:#bed2eb;border-radius:50%}.browser-chrome span{margin-left:8px}.preview-wrap iframe{width:352px;height:432px;max-width:100%;border:0}.preview-caption{text-align:center;font-size:10px;color:#8ca3bf;margin:0 0 6px}.support-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe7f4;border-bottom:1px solid #dbe7f4;padding:24px 0;margin-bottom:45px;gap:28px}.support-benefits b{font-size:14px;color:#385f8a}.support-benefits p{font-size:12px;line-height:1.8;color:#8199b6;margin:8px 0 0}.embed-builder{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.embed-builder h2{font:700 31px/1.25 'Trebuchet MS',sans-serif;color:#254c78;letter-spacing:-.8px;margin:10px 0 20px}.support-steps{padding-left:20px;font-size:13px;color:#7892b0;line-height:1.9}.support-steps li{padding:4px 0 13px}.support-steps strong{color:#426b99}.support-note{border:1px solid #d2e2f4;background:#eef5ff;border-radius:8px;padding:13px 15px;color:#7291b3;font-size:11px;line-height:1.8}.builder-card{border:1px solid #c9ddf4;background:white;border-radius:12px;padding:25px;box-shadow:0 9px 32px #1c487d09}.builder-card label{display:block;font-size:11px;color:#6585ac;margin:0 0 17px}.builder-card input,.builder-card select,.builder-card textarea{display:block;margin-top:8px;border:1px solid #c1d6ed;border-radius:5px;width:100%;background:#fbfdff;color:#365f8f;font:12px/1.6 'Segoe UI',sans-serif;padding:10px;box-sizing:border-box}.builder-card textarea{font:11px/1.8 Consolas,monospace;min-height:135px;resize:vertical;word-break:break-all}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.builder-card button{border:1px solid #326edf;border-radius:5px;color:white;background:#2d6ae4;padding:10px 17px;font:600 12px 'Segoe UI',sans-serif}.builder-card button:disabled{opacity:.45}.builder-card .builder-error{font-size:11px;line-height:1.7;color:#ad675f}.builder-success{font-size:11px;color:#5a9470}.support-footnote{font-size:11px;line-height:1.9;color:#8da3be;border-top:1px solid #dce7f4;margin-top:42px;padding-top:20px}.support-connect-shell{max-width:530px;margin:35px auto 70px;padding:0 22px}.connect-card{background:white;border:1px solid #c9dcf4;border-radius:17px;padding:32px;box-shadow:0 15px 50px #1f528315}.connect-logo{width:70px;height:70px;object-fit:contain}.connect-card h1{font:700 29px/1.25 'Trebuchet MS',sans-serif;letter-spacing:-.8px;color:#214b7c}.connect-card p{font-size:13px;color:#7d94b0;line-height:1.85}.connect-card .connect-status{font-size:11px;font-weight:600;color:#6886a9}.connect-card .primary-link{display:block;text-align:center;text-decoration:none;background:linear-gradient(#4c89ff,#2b65df);color:white;border-radius:6px;padding:13px;margin:20px 0 12px;font-size:13px;font-weight:600}.connect-card a[aria-disabled=true]{pointer-events:none;opacity:.45}.connect-card .secondary-link{display:block;text-align:center;font-size:12px;color:#5d86bb;margin:12px 0}.connect-card button{font-size:11px;color:#6687ae;background:#f3f8ff;border:1px solid #c8dbef;border-radius:5px;padding:9px 13px;margin-top:8px}.connect-card ol{padding-left:18px;font-size:12px;color:#7b94b0;line-height:1.9}.connect-card .tiny{font-size:10px}.support-page footer{max-width:1200px;padding:25px 42px;margin:auto;font-size:10px;color:#91a6c0;display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #d9e7f6}.support-page footer a{text-decoration:none}@media(max-width:800px){.support-shell{padding:25px 23px 40px}.support-page .site-header{padding:0 23px}.support-page .site-header nav{gap:13px;font-size:11px}.support-hero{grid-template-columns:1fr;gap:30px}.support-hero h1{font-size:46px;letter-spacing:-1.8px}.support-hero .intro{max-width:100%}.preview-wrap{width:min(100%,398px);padding:15px}.preview-wrap iframe{width:100%}.support-benefits{grid-template-columns:1fr;gap:18px}.embed-builder{grid-template-columns:1fr;gap:25px}.builder-card{padding:20px}.support-page footer{padding:23px}.support-page .brand>span{font-size:19px}.support-connect-shell{margin-top:15px}.connect-card{padding:25px}.builder-grid{grid-template-columns:1fr}}
.preview-wrap iframe{height:480px;display:block}.preview-wrap .preview-caption{position:static;inset:auto;width:auto;max-width:none;transform:none;margin:6px 0 0;text-align:center}