.cdt3{--bg: #111827;--bg-2: #0b1120;--panel: #1f2937;--ink: #f9fafb;--ink-2: #d1d5db;--ink-3: #9ca3af;--line: #374151;--line-2: #4b5563;--brand: #1d4ed8;--brand-hover: #1e40af;--brand-soft: #60a5fa;--surface: #f3f4f6;--dark: #111827;--text: #111827;--text-sec: #6b7280;--border: #e5e7eb;--sw-accent: var(--brand-soft);--cdt3-top: 88px;--sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;font-family:var(--sans);color:var(--text);line-height:1.55;font-size:16px}.cdt3 *,.cdt3 *:before,.cdt3 *:after{box-sizing:border-box}.cdt3 img,.cdt3 svg,.cdt3 canvas{max-width:100%;display:block}.cdt3 h1,.cdt3 h2,.cdt3 h3{font-family:var(--sans);line-height:1.1;margin:0;font-weight:800;letter-spacing:-.01em}.cdt3 h2{font-size:clamp(1.7rem,3.6vw,2.5rem);text-transform:uppercase}.cdt3 h3{font-size:1.15rem;font-weight:700}.cdt3 p{margin:0 0 1em}.cdt3 .wrap{width:min(1280px,100% - 2rem);margin-inline:auto}.cdt3 section{padding:4.5rem 0;position:relative;z-index:2;background:#fff}@media(min-width:900px){.cdt3 section{padding:6.5rem 0}}.cdt3 :focus-visible{outline:3px solid var(--brand-soft);outline-offset:3px}.cdt3 .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font:700 .75rem var(--sans);text-transform:uppercase;letter-spacing:.12em;padding:.85rem 1.6rem;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 14px -6px #00000059}.cdt3 .btn-primary{background:var(--brand);color:#fff}.cdt3 .btn-primary:hover{background:var(--brand-hover);color:#fff;transform:translateY(-1px)}.cdt3 .btn-ghost{background:transparent;color:var(--ink);border-color:#ffffff59;box-shadow:none}.cdt3 .btn-ghost:hover{border-color:#fff}.cdt3 .sw-stage{position:fixed;inset:0;z-index:10}.cdt3 .sw-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.cdt3 .sw-stage canvas:active{cursor:grabbing}.cdt3 .sw-sky{position:fixed;inset:0;z-index:0;background:radial-gradient(70% 55% at 62% 40%,#1f2937 0%,var(--bg) 60%,var(--bg-2) 100%)}.cdt3 .sw-scrollbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:#ffffff14}.cdt3 .sw-scrollbar span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--brand)}.cdt3 .sw-nav{position:fixed;top:calc(var(--cdt3-top) + 14px);left:50%;transform:translate(-50%);z-index:45;display:none;gap:4px;padding:5px;background:#111827b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:999px;transition:opacity .35s}@media(min-width:900px){.cdt3 .sw-nav{display:flex}}.cdt3 .sw-nav button{font:600 .78rem var(--sans);color:var(--ink-2);border:0;background:transparent;cursor:pointer;padding:7px 14px;border-radius:999px;transition:background .2s,color .2s}.cdt3 .sw-nav button:hover{color:#fff}.cdt3 .sw-nav button.is-active{color:#fff;background:var(--brand)}.cdt3 .sw-copylayer{position:fixed;inset:0;z-index:20;pointer-events:none}.cdt3 .sw-copylayer:before{content:"";position:absolute;inset:0;width:min(58vw,780px);background:linear-gradient(90deg,var(--bg) 0%,rgba(17,24,39,.82) 34%,rgba(17,24,39,.35) 62%,transparent 100%)}.cdt3 .sw-copy{position:absolute;left:clamp(18px,5vw,64px);top:50%;transform:translateY(-50%);width:min(42vw,500px);opacity:0;will-change:opacity,transform;color:var(--ink)}.cdt3 .sw-copy__num{font-size:.78rem;letter-spacing:.12em;font-weight:700;color:var(--ink-3)}.cdt3 .sw-copy__eyebrow{display:block;margin-top:14px;font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sw-accent)}.cdt3 .sw-copy__title{font-size:clamp(1.9rem,4vw,3.3rem);margin:10px 0 0;color:var(--ink);text-transform:none}.cdt3 .sw-copy__body{margin:16px 0 0;font-size:clamp(1rem,1.2vw,1.1rem);color:var(--ink-2);max-width:42ch}.cdt3 .sw-copy__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}.cdt3 .sw-copy__tags li{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--brand);padding:6px 14px;border-radius:999px}.cdt3 .sw-copy__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;pointer-events:auto}.cdt3 .sw-route{position:fixed;right:clamp(14px,2.4vw,30px);top:50%;z-index:40;transform:translateY(-50%);display:flex;flex-direction:column;gap:22px;padding:18px 10px}.cdt3 .sw-route:before{content:"";position:absolute;left:50%;top:22px;bottom:22px;width:2px;transform:translate(-50%);background:var(--sw-accent);opacity:.28}.cdt3 .sw-route button{position:relative;border:0;background:transparent;cursor:pointer;width:14px;height:14px;display:grid;place-items:center;padding:0}.cdt3 .sw-route button i{width:9px;height:9px;border-radius:50%;background:#ffffff4d;transition:transform .3s,background .3s,box-shadow .3s}.cdt3 .sw-route button.is-active i{background:var(--brand-soft);transform:scale(1.4);box-shadow:0 0 0 5px #60a5fa38}.cdt3 .sw-route span{position:absolute;right:24px;top:50%;transform:translateY(-50%) translate(6px);white-space:nowrap;font:700 .72rem var(--sans);letter-spacing:.06em;color:var(--ink);background:#111827e6;padding:5px 11px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.cdt3 .sw-route button:hover span,.cdt3 .sw-route button.is-active span{opacity:1;transform:translateY(-50%) translate(0)}.cdt3 .sw-hint{position:fixed;left:50%;bottom:26px;z-index:30;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);transition:opacity .3s}.cdt3 .sw-hint i{width:22px;height:34px;border-radius:12px;border:2px solid rgba(255,255,255,.25);position:relative}.cdt3 .sw-hint i:after{content:"";position:absolute;left:50%;top:7px;width:4px;height:7px;border-radius:2px;background:var(--brand-soft);transform:translate(-50%);animation:cdt3-wheel 1.7s ease-in-out infinite}@keyframes cdt3-wheel{0%{opacity:0;top:6px}40%{opacity:1}to{opacity:0;top:17px}}.cdt3 .sw-track{position:relative;z-index:1;pointer-events:none}.cdt3 .sw-dim{position:fixed;right:clamp(100px,7vw,130px);bottom:34px;z-index:30;font-size:.85rem;font-weight:600;color:var(--ink-3);letter-spacing:.04em;transition:opacity .3s}.cdt3 .sw-dim b{color:var(--brand-soft);font-weight:800}.cdt3 .sw-loader{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:70;transition:opacity .4s}.cdt3 .sw-loader.done{opacity:0;pointer-events:none}.cdt3 .sw-loader .ring{width:44px;height:44px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:cdt3-spin .9s linear infinite;margin:0 auto .8rem}.cdt3 .sw-loader p{color:var(--ink-3);font-size:.9rem;text-align:center;margin:0}@keyframes cdt3-spin{to{transform:rotate(360deg)}}.cdt3 .sw-past .sw-stage,.cdt3 .sw-past .sw-copylayer,.cdt3 .sw-past .sw-route,.cdt3 .sw-past .sw-hint,.cdt3 .sw-past .sw-scrollbar,.cdt3 .sw-past .sw-dim,.cdt3 .sw-past .sw-nav,.cdt3 .sw-past .sw-sky{opacity:0!important;pointer-events:none!important}.cdt3 .sw-stage,.cdt3 .sw-copylayer,.cdt3 .sw-route,.cdt3 .sw-hint,.cdt3 .sw-scrollbar,.cdt3 .sw-sky{transition:opacity .35s}.cdt3 main.after{position:relative;z-index:2;background:#fff}.cdt3 .sw-fallback .sw-stage,.cdt3 .sw-fallback .sw-route,.cdt3 .sw-fallback .sw-hint,.cdt3 .sw-fallback .sw-dim,.cdt3 .sw-fallback .sw-nav,.cdt3 .sw-fallback .sw-scrollbar,.cdt3 .sw-fallback .sw-loader{display:none}.cdt3 .sw-fallback .sw-sky{position:absolute}.cdt3 .sw-fallback{position:relative;background:var(--bg)}.cdt3 .sw-fallback .sw-copylayer{position:relative;inset:auto;pointer-events:auto;padding:3rem clamp(18px,5vw,64px);display:grid;gap:3rem;z-index:2}.cdt3 .sw-fallback .sw-copylayer:before{display:none}.cdt3 .sw-fallback .sw-copy{position:relative;inset:auto;transform:none!important;opacity:1!important;width:auto;max-width:640px;pointer-events:auto!important}.cdt3 .sw-fallback .sw-notice{position:relative;z-index:2;margin:0 clamp(18px,5vw,64px);padding:1rem 1.2rem;border-radius:8px;background:var(--panel);color:var(--ink-2);font-size:.9rem;border-left:3px solid var(--brand)}.cdt3 .sw-notice{display:none}.cdt3 .sw-fallback .sw-notice{display:block}@media(max-width:860px){.cdt3 .sw-copylayer:before{width:100%;height:62%;top:auto;bottom:0;background:linear-gradient(0deg,var(--bg) 8%,rgba(17,24,39,.78) 46%,transparent 100%)}.cdt3 .sw-copy{left:clamp(18px,5vw,64px);right:84px;top:auto;bottom:calc(clamp(56px,12dvh,110px) + env(safe-area-inset-bottom));transform:none;width:auto;max-width:560px}.cdt3 .sw-copy__title{font-size:clamp(1.6rem,6.8vw,2.5rem)}.cdt3 .sw-copy__body{max-width:none;font-size:.95rem}.cdt3 .sw-route{gap:16px;right:6px}.cdt3 .sw-route span{display:none}.cdt3 .sw-hint{bottom:calc(20px + env(safe-area-inset-bottom))}.cdt3 .sw-dim{display:none}}@media(prefers-reduced-motion:reduce){.cdt3 .sw-hint i:after{animation:none}.cdt3 .sw-loader .ring{animation:none}}.cdt3 .crumbs{position:relative;z-index:2;background:var(--dark);color:#fff9;font-size:.85rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.cdt3 .crumbs a{color:inherit;text-decoration:none}.cdt3 .crumbs a:hover{color:var(--brand-soft)}.cdt3 .crumbs span{margin:0 .5rem}.cdt3 .crumbs strong{color:#fff}.cdt3 .specs{background:#fff}.cdt3 .split{display:grid;gap:2.5rem}@media(min-width:900px){.cdt3 .split{grid-template-columns:4fr 8fr;gap:4rem}}.cdt3 .split .intro p{color:var(--text-sec);max-width:30rem}.cdt3 .split .intro h2{margin-bottom:1rem}.cdt3 table.spec{width:100%;border-collapse:collapse;font-size:.95rem}.cdt3 table.spec th,.cdt3 table.spec td{text-align:left;padding:.85rem .2rem;border-bottom:1px solid var(--border);vertical-align:top}.cdt3 table.spec th{font-weight:500;color:var(--text-sec);width:46%}.cdt3 table.spec td{font-weight:700;color:var(--text)}.cdt3 table.spec td small{display:block;font-weight:400;color:var(--text-sec);font-size:.82rem}.cdt3 table.spec tr:first-child th,.cdt3 table.spec tr:first-child td{border-top:2px solid var(--dark)}.cdt3 .table-scroll{overflow-x:auto}.cdt3 .code-ref{margin-top:1.6rem;padding:1rem 1.2rem;border-left:3px solid var(--brand);background:var(--surface);font-weight:700;font-size:1rem;letter-spacing:.02em;word-break:break-word}.cdt3 .code-ref .parts{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:.5rem;font-weight:400;font-size:.8rem;color:var(--text-sec)}.cdt3 .code-ref .parts b{color:var(--text);font-weight:700}.cdt3 .benefits{background:var(--surface)}.cdt3 .benefits h2{margin-bottom:.6rem}.cdt3 .lead{color:var(--text-sec);max-width:40rem}.cdt3 .benefit-grid{display:grid;gap:1.4rem;margin-top:2rem}@media(min-width:640px){.cdt3 .benefit-grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.cdt3 .benefit-grid{grid-template-columns:repeat(4,1fr)}}.cdt3 .benefit{border-top:3px solid var(--brand);padding-top:1rem}.cdt3 .benefit h3{margin-bottom:.4rem}.cdt3 .benefit p{color:var(--text-sec);font-size:.95rem;margin:0}.cdt3 .apps{margin-top:3.2rem;display:grid;gap:.9rem}@media(min-width:640px){.cdt3 .apps{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.cdt3 .apps{grid-template-columns:repeat(4,1fr)}}.cdt3 .app{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.3rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 6px 20px -14px #11182740}.cdt3 .app svg{width:34px;height:34px;flex:none;stroke:var(--brand);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cdt3 .app strong{display:block;font-size:1.05rem;font-weight:800;margin-bottom:.2rem}.cdt3 .app span{color:var(--text-sec);font-size:.9rem}.cdt3 .configs{background:#fff;border-top:1px solid var(--border)}.cdt3 .config-group{margin-top:2rem}.cdt3 .config-group h3{margin-bottom:.6rem;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.cdt3 .config-group h3 small{font:400 .85rem var(--sans);color:var(--text-sec)}.cdt3 .chips{display:flex;flex-wrap:wrap;gap:.5rem}.cdt3 .chip{padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.9rem;font-weight:600;color:var(--text)}.cdt3 .chip.on{border-color:var(--brand);background:var(--brand);color:#fff;font-weight:700}.cdt3 .chip.wide{display:flex;flex-direction:column;gap:.1rem;min-width:9rem;border-radius:12px}.cdt3 .chip.wide small{font-weight:400;color:var(--text-sec);font-size:.78rem}.cdt3 .chip.on.wide small{color:#fff;opacity:.85}.cdt3 .note{margin-top:1.8rem;color:var(--text-sec);max-width:48rem}.cdt3 .quote{background:var(--dark);color:#fff}.cdt3 .quote .split .intro p{color:#ffffffb3}.cdt3 .quote .intro a{color:var(--brand-soft);text-decoration:none;font-weight:600}.cdt3 .quote .intro a:hover{text-decoration:underline}.cdt3 .quote-box{display:grid;gap:1rem;align-content:start}@media(min-width:640px){.cdt3 .quote-box{grid-template-columns:2fr 1fr}}.cdt3 .field{display:flex;flex-direction:column;gap:.35rem}.cdt3 .field label{font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3}.cdt3 .field input{font:500 1rem var(--sans);padding:.85rem 1rem;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);color:#fff;width:100%}.cdt3 .field input[readonly]{color:var(--ink-2)}.cdt3 .field input:focus{border-color:var(--brand-soft);outline:none;box-shadow:0 0 0 3px #1d4ed859}.cdt3 .form-foot{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-top:.4rem}.cdt3 .form-foot small{color:#ffffff8c;max-width:28rem;font-size:.8rem}
