.embed-tools-page{background:#f5f7fc;color:#101b3b;overflow-x:hidden}
.et-main{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:42px 0 80px}
.et-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:40px;align-items:center;padding:54px 58px;border-radius:32px;background:linear-gradient(135deg,#142664 0%,#1c3c98 64%,#127f82 140%);color:#fff;box-shadow:0 24px 64px rgba(15,31,81,.18)}
.et-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#21d6af;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.et-hero h1{max-width:780px;margin:0;color:#fff;font-size:clamp(2.35rem,5vw,4.4rem);line-height:.98;letter-spacing:-.045em}
.et-hero p{max-width:720px;margin:22px 0 0;color:#dce5ff;font-size:1.08rem;line-height:1.7}
.et-orbit{position:relative;min-height:260px;display:grid;place-items:center}
.et-orbit b{display:grid;place-items:center;width:104px;height:104px;border-radius:30px;background:#fff;color:#18337e;font-size:3.2rem;box-shadow:0 22px 50px rgba(3,15,55,.28)}
.et-orbit span{position:absolute;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.11);font-size:.78rem;font-weight:800;letter-spacing:.08em}
.et-orbit span:nth-of-type(1){top:22px;left:12%}.et-orbit span:nth-of-type(2){top:34%;right:4%}.et-orbit span:nth-of-type(3){bottom:20px;left:18%}
.et-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:30px}
.et-card{min-width:0;padding:28px;border:1px solid #dce3f1;border-radius:26px;background:#fff;box-shadow:0 14px 38px rgba(20,39,90,.08)}
.et-card>*{min-width:0}.et-card>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 18px;align-items:start;margin-bottom:22px}
.et-index{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#edf2ff;color:#1d3f9d;font-weight:800}
.et-card h2{margin:0 0 7px;font-size:1.6rem;line-height:1.15;letter-spacing:-.025em}.et-card>div:first-child p{margin:0;color:#65708a;line-height:1.55}
.et-preview{position:relative;display:flex;justify-content:center;overflow:hidden;padding:42px 20px 20px;border-radius:20px;background:linear-gradient(145deg,#eef2fb,#f9fbff);border:1px solid #e1e7f2}
.et-preview>span{position:absolute;top:14px;left:18px;color:#253354;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.et-preview iframe{display:block;width:100%;max-width:430px;border:0;border-radius:18px;background:#f4f6fb;box-shadow:0 12px 30px rgba(19,40,94,.12)}
.et-code{position:relative;margin-top:20px}.et-code>strong{display:block;margin-bottom:8px;color:#253354;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.et-code pre{margin:0;max-width:100%;min-height:150px;padding:18px 18px 58px;overflow:auto;border-radius:16px;background:#0d1737;color:#dbe5ff;font:500 .675rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.et-code button{position:absolute;right:12px;bottom:12px;min-height:36px;padding:0 14px;border:0;border-radius:10px;background:#24d0aa;color:#082f2b;font-weight:800;cursor:pointer}
.et-trust{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;margin-top:30px;padding:40px;border-radius:28px;background:#12235f;color:#fff}
.et-trust h2{margin:0 0 14px;color:#fff;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.03em}.et-trust p{color:#d9e2ff;line-height:1.7}
.et-trust blockquote{margin:0;padding:26px;border-radius:20px;background:rgba(255,255,255,.08);font-size:1.08rem;line-height:1.65}.et-trust cite{display:block;margin-top:18px;color:#24d0aa;font-size:.86rem;font-style:normal;font-weight:800}
.et-faq{max-width:920px;margin:42px auto 0}.et-faq h2{text-align:center;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em}
.et-faq details{margin-top:12px;border:1px solid #dce3f1;border-radius:16px;background:#fff}.et-faq summary{padding:19px 22px;font-weight:800;cursor:pointer}.et-faq details p{margin:0;padding:0 22px 20px;color:#5d6983;line-height:1.65}
@media(max-width:1080px){.et-hero{grid-template-columns:1fr;padding:42px}.et-orbit{min-height:180px}.et-grid{grid-template-columns:1fr}}
@media(max-width:760px){.et-main{width:min(100% - 24px,1240px);padding:18px 0 54px}.et-hero{gap:20px;padding:30px 24px;border-radius:24px}.et-hero h1{font-size:clamp(2rem,11vw,3.15rem)}.et-orbit{display:none}.et-card{padding:18px;border-radius:20px}.et-card>div:first-child{gap:0 12px}.et-index{width:40px;height:40px}.et-card h2{font-size:1.35rem}.et-preview{padding:40px 10px 10px}.et-code pre{font-size:.62rem}.et-trust{grid-template-columns:1fr;padding:28px 22px}.et-faq{margin-top:30px}}