.essential-tools{--et-purple: #6c3cff;--et-purple-bright: #8e72ff;--et-purple-soft: #eee9ff;--et-ink: #121016;--et-muted: #65616d;--et-line: #dfdce6;--et-paper: #ffffff;--et-surface: #f7f6f9;--et-dark: #100b1c;background:var(--et-paper);color:var(--et-ink);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.65;overflow:clip;padding-bottom:clamp(72px,9vw,140px)}html[data-theme=dark] .essential-tools{--et-ink: #f7f5fb;--et-muted: #aaa4b7;--et-line: #332d3e;--et-paper: #121015;--et-surface: #19161f;--et-purple-soft: #251d3e}.essential-tools *,.essential-tools *:before,.essential-tools *:after{box-sizing:border-box}.essential-tools .et-container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.essential-tools :is(a,button,input,select,textarea,summary,pre[tabindex]):focus-visible{outline:3px solid var(--et-purple-bright);outline-offset:4px}.essential-tools :is(h1,h2,h3,p){margin-top:0}.essential-tools a{color:inherit;text-underline-offset:4px}.essential-tools a:not(.et-button):not(.et-card-image){text-decoration-color:color-mix(in srgb,currentColor 38%,transparent)}.essential-tools a:not(.et-button):not(.et-card-image):hover{text-decoration-color:currentColor}.essential-tools h1{max-width:1050px;margin-bottom:26px;font-size:clamp(44px,6vw,84px);font-weight:600;line-height:.98;letter-spacing:-.064em}.essential-tools h2{margin-bottom:18px;font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.08;letter-spacing:-.045em}.essential-tools h3{margin:30px 0 12px;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.essential-tools .et-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--et-purple);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.essential-tools .et-eyebrow:before{width:34px;height:2px;background:currentColor;content:""}.essential-tools .et-intro{max-width:780px;color:var(--et-muted);font-size:clamp(17px,1.55vw,21px);line-height:1.7}.essential-tools .et-utility{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;color:var(--et-muted);font-size:13px}.essential-tools .et-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:16px;padding:14px 24px;border:1px solid var(--et-purple);border-radius:999px;background:var(--et-purple);box-shadow:0 10px 30px #6c3cff2e;color:#fff;font-size:13px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.essential-tools .et-button:hover{transform:translateY(-2px);background:#5930df;box-shadow:0 14px 36px #6c3cff42}.essential-tools .et-button-secondary{border-color:var(--et-line);background:transparent;box-shadow:none;color:var(--et-ink)}.essential-tools .et-button-secondary:hover{border-color:var(--et-purple);background:var(--et-purple-soft);box-shadow:none}.essential-tools .et-tool-heading{position:relative;padding-block:clamp(64px,8vw,116px) clamp(42px,6vw,82px)}.essential-tools .et-tool-heading:after{position:absolute;z-index:0;top:20px;right:-8%;width:min(430px,38vw);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--et-purple) 18%,transparent);border-radius:50%;background:radial-gradient(circle at 42% 42%,rgba(143,113,255,.24),transparent 48%),repeating-radial-gradient(circle at center,transparent 0 25px,rgba(108,60,255,.08) 26px 27px);content:"";pointer-events:none}.essential-tools .et-tool-heading>*{position:relative;z-index:1}.essential-tools .et-tool-heading h1{max-width:880px;font-size:clamp(42px,5.2vw,72px)}.essential-tools .et-privacy{max-width:850px;margin:28px 0 0;padding-left:18px;border-left:2px solid var(--et-purple);color:var(--et-muted);font-size:13px;line-height:1.75}.essential-tools .et-section-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.essential-tools .et-section-nav a{padding:10px 15px;border:1px solid var(--et-line);border-radius:999px;color:var(--et-muted);font-size:12px;font-weight:500;text-decoration:none}.essential-tools .et-section-nav a:hover{border-color:var(--et-purple);background:var(--et-purple-soft);color:var(--et-ink)}.essential-tools .et-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px;color:var(--et-muted);font-size:12px}.essential-tools .et-workspace-container{width:min(1440px,calc(100% - 48px));margin:0 auto clamp(80px,10vw,150px);padding:clamp(10px,1.2vw,18px);scroll-margin-top:100px;border:1px solid var(--et-line);border-radius:30px;background:linear-gradient(145deg,var(--et-purple-soft),var(--et-paper) 32%);box-shadow:0 34px 90px #1d14331f}.essential-tools [data-tool-workspace]{overflow:hidden;border:1px solid color-mix(in srgb,var(--et-line) 80%,transparent);border-radius:20px;background:var(--et-paper)}.essential-tools .et-loading{margin:0;padding:70px;border-radius:20px;background:var(--et-purple-soft)}.essential-tools .et-tool-docs{display:grid;max-width:1240px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.essential-tools .et-tool-docs section{scroll-margin-top:100px;padding:clamp(28px,3.2vw,46px);border:1px solid var(--et-line);border-radius:24px;background:var(--et-surface)}.essential-tools .et-tool-docs section:last-child{grid-column:1 / -1;background:var(--et-dark);color:#fff}.essential-tools .et-tool-docs h2{font-size:clamp(25px,2.5vw,36px)}.essential-tools .et-tool-docs :is(p,li){color:var(--et-muted);font-size:14px;line-height:1.85}.essential-tools .et-tool-docs section:last-child :is(p,li){color:#bdb7c9}.essential-tools .et-tool-docs section:last-child .et-button-secondary{border-color:#ffffff75;color:#fff}.essential-tools .et-tool-docs section:last-child .et-button-secondary:hover{border-color:#fff;background:#fff;color:var(--et-dark)}.essential-tools .et-steps,.essential-tools .et-assumptions{padding-left:22px}.essential-tools .et-steps li,.essential-tools .et-assumptions li{margin-bottom:16px;padding-left:8px}.essential-tools .et-steps li::marker{color:var(--et-purple-bright);font-weight:600}.essential-tools .et-example-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.essential-tools .et-example-list li{margin:0;padding:8px 14px;border:1px solid var(--et-line);border-radius:999px;background:var(--et-paper);text-transform:capitalize}.essential-tools .et-faq{padding:16px 0;border-bottom:1px solid var(--et-line)}.essential-tools .et-faq summary{padding-block:4px;cursor:pointer;font-weight:500}.essential-tools .et-faq p{margin:14px 0 0}.essential-tools .et-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.essential-tools .et-prose{max-width:1060px;padding-block:clamp(64px,8vw,116px)}.essential-tools .et-prose h1{max-width:900px;font-size:clamp(44px,5.2vw,72px)}.essential-tools .et-prose h2{margin-top:64px;font-size:clamp(27px,2.6vw,38px)}.essential-tools .et-prose h3{margin-top:32px}.essential-tools .et-prose :is(p,li){color:var(--et-muted)}.essential-tools .et-prose li{margin-block:8px}.essential-tools .et-prose pre{overflow:auto;margin-block:20px;padding:26px;border:1px solid #332a49;border-radius:18px;background:#100b1c;color:#f7f4ff;font-size:13px;white-space:pre}.essential-tools .et-prose table{width:100%;border-collapse:collapse;font-size:13px}.essential-tools .et-prose :is(td,th){padding:16px 14px;border-bottom:1px solid var(--et-line);text-align:left;vertical-align:top}.essential-tools .et-prose th{color:var(--et-ink);font-weight:600}.essential-tools .et-table-scroll{overflow:auto;border:1px solid var(--et-line);border-radius:18px}.essential-tools .et-download-panel{margin-top:38px;padding:clamp(28px,4vw,48px);border:1px solid #3c3156;border-radius:24px;background:var(--et-dark);color:#fff}.essential-tools .et-download-panel h2{margin-top:0}.essential-tools .et-download-panel .et-button{margin-block:6px 20px}.essential-tools .et-download-panel p{color:#bbb4c9}.essential-tools .et-download-panel p:last-child{margin-bottom:0;font-size:13px}.essential-tools .et-skip{position:fixed;z-index:1200;top:8px;left:8px;padding:12px 16px;transform:translateY(-180%);border-radius:8px;background:var(--et-paper);color:var(--et-ink)}.essential-tools .et-skip:focus{transform:translateY(0)}@media(max-width:760px){.essential-tools .et-container{width:calc(100% - 36px)}.essential-tools h1{font-size:clamp(40px,13vw,58px)}.essential-tools .et-tool-heading{padding-block:48px 42px}.essential-tools .et-tool-heading:after{top:70px;right:-36%;width:78vw;opacity:.7}.essential-tools .et-tool-heading h1,.essential-tools .et-prose h1{font-size:clamp(39px,12vw,54px)}.essential-tools .et-intro{font-size:16px}.essential-tools .et-workspace-container{width:calc(100% - 20px);margin-bottom:80px;padding:6px;border-radius:20px}.essential-tools [data-tool-workspace]{border-radius:15px}.essential-tools .et-tool-docs{grid-template-columns:1fr}.essential-tools .et-tool-docs section:last-child{grid-column:auto}.essential-tools .et-prose{padding-block:54px 80px}.essential-tools .et-prose pre{padding:18px;font-size:12px}.essential-tools .et-download-panel{padding:26px 22px}}@media(prefers-reduced-motion:reduce){.essential-tools *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.essential-tools>.et-custom{display:flex;align-items:center;justify-content:space-between;gap:42px;margin-block:clamp(96px,11vw,156px);padding:clamp(42px,5.5vw,72px);border:1px solid var(--et-line);border-radius:28px;background:linear-gradient(120deg,var(--et-purple-soft),var(--et-paper) 62%);clear:both}.essential-tools>.et-custom>div{max-width:760px}.essential-tools>.et-custom h2{margin-bottom:14px;font-size:clamp(32px,4vw,54px)}.essential-tools>.et-custom p{margin:0;color:var(--et-muted);font-size:16px;line-height:1.75}.essential-tools>.et-custom .et-button{flex-shrink:0}@media(max-width:760px){.essential-tools>.et-custom{align-items:flex-start;flex-direction:column;gap:25px;margin-block:76px;padding:30px 24px}.essential-tools>.et-custom .et-button{width:100%}}html[data-theme=light] .essential-tools .et-tool-docs section:last-child,html[data-theme=light] .essential-tools .et-download-panel{border-color:var(--et-line);background:var(--et-surface);color:var(--et-ink)}html[data-theme=light] .essential-tools .et-tool-docs section:last-child :is(p,li),html[data-theme=light] .essential-tools .et-download-panel p{color:var(--et-muted)}html[data-theme=dark] .essential-tools .et-workspace-container{box-shadow:0 34px 90px #00000052}
