.ext-hero-art{color:#fff;background:radial-gradient(120% 95% at 90% 0,#f4e99cf2 0%,#f4e99c00 52%),radial-gradient(130% 120% at 0 100%,#74c896e6 0%,#74c89600 62%),linear-gradient(118deg,#9fd3ac 0%,#b7e4c6 48%,#dcebc0 74%,#eee8ac 100%);border-radius:22px;gap:14px;padding:clamp(22px,3.5vw,34px);display:grid;transform:rotate(1.5deg);box-shadow:0 28px 70px #14323029}.ext-art-brand{align-items:center;gap:14px;margin-bottom:6px;display:flex}.ext-art-brand img{border-radius:14px;box-shadow:0 10px 26px #09382733}.ext-art-word{letter-spacing:-.03em;text-shadow:0 2px 18px #1446322e;font-size:clamp(1.9rem,3.4vw,2.5rem);font-weight:700}.ext-art-word em{color:#d9fbec;font-style:normal}.ext-art-row{color:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:12px;text-decoration:none;transition:background .18s,transform .18s;display:flex}.ext-art-row:hover{background:#ffffff2e;transform:translate(2px)}.ext-art-icon{background:#fff3;border:1.5px solid #ffffffb3;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ext-art-row strong{letter-spacing:-.015em;text-shadow:0 1px 12px #14463229;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.2;display:block}.ext-art-row small{color:#fffffff0;margin-top:4px;font-size:.86rem;line-height:1.45;display:block}.ext-docs{gap:clamp(44px,6vw,72px);display:grid}.ext-docs-head h2{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(1.9rem,4vw,3rem)}.ext-docs-head p{max-width:620px;color:var(--muted);margin:0;line-height:1.6}.ext-mode{gap:20px;scroll-margin-top:96px;display:grid}.ext-chip{border:1px solid var(--line);background:var(--mint-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:4px 10px;font-size:.68rem;font-weight:600}.ext-mode-head h2{letter-spacing:-.025em;margin:10px 0 8px;font-size:clamp(1.5rem,3vw,2.2rem)}.ext-mode-head p{max-width:680px;color:var(--muted);margin:0;line-height:1.6}.ext-mode-grid{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid}.ext-mode-cta{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#fff;border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:0 13px;font-size:.78rem;font-weight:700;text-decoration:none;transition:border-color .16s,box-shadow .16s,color .16s;display:inline-flex;box-shadow:0 8px 22px #1432300f}.ext-mode-cta:hover{color:var(--accent);border-color:#65d6aeb3;box-shadow:0 10px 28px #65d6ae29}.ext-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ext-steps button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:14px;padding:12px 14px 10px;transition:background .2s;display:flex}.ext-steps li:not(.is-active) button:hover{background:#f6f6f6}.ext-steps li.is-active button{background:var(--mint-soft);border-radius:12px 12px 0 0}.ext-step-num{border:1px solid var(--line-strong);width:26px;height:26px;color:var(--muted);font-family:var(--font-mono);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:.78rem;transition:background .2s,color .2s,border-color .2s;display:grid}.ext-steps li.is-active .ext-step-num{border-color:var(--accent);background:var(--accent);color:#fff}.ext-steps li.is-done .ext-step-num{border-color:var(--accent-mint);color:var(--accent)}.ext-step-copy{min-width:0}.ext-step-copy strong{letter-spacing:-.01em;font-size:.98rem;display:block}.ext-step-copy span{opacity:0;max-height:0;color:var(--muted);font-size:.88rem;line-height:1.5;transition:max-height .3s,opacity .3s,margin-top .3s;display:block;overflow:hidden}.ext-steps li.is-active .ext-step-copy span{opacity:1;max-height:120px;margin-top:4px}.ext-step-progress{background:var(--accent-grad);transform-origin:0;border-radius:2px;height:2px;margin:0 14px 0 54px;display:none;transform:scaleX(0)}.ext-steps li.is-active .ext-step-progress{background-color:var(--mint-soft);display:block}.ext-mode[data-playing=true] .ext-steps li.is-active .ext-step-progress{animation-name:ext-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ext-progress{to{transform:scaleX(1)}}.ext-demo{border:1px solid var(--line);background:linear-gradient(135deg,#f2faf1 0%,#fbf9ec 100%);border-radius:18px;grid-template-columns:1.2fr 1fr;align-items:stretch;gap:14px;min-height:300px;padding:clamp(14px,2vw,22px);display:grid}.dp-page,.dp-panel{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 14px 34px #0f281e14}.dp-bar{border-bottom:1px solid var(--line);background:#fafafa;align-items:center;gap:5px;padding:8px 10px;display:flex}.dp-bar i{background:#e3e3e3;border-radius:50%;width:8px;height:8px}.dp-url{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-left:6px;font-size:.62rem;overflow:hidden}.dp-doc{flex:1;align-content:start;gap:10px;padding:14px 12px;display:grid;position:relative}.dp-head{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:9px 12px;font-size:.74rem;font-weight:700;display:flex}.dp-head-dot{background:var(--accent-grad);border-radius:3px;width:10px;height:10px}.dp-panel-flow{flex-direction:column;flex:1;padding:6px 12px 14px;display:flex;position:relative}.ext-demo .dp-el{opacity:0;max-height:0;margin-top:0;transition:max-height .35s,margin-top .35s,opacity .35s,transform .35s;overflow:hidden;transform:translateY(6px)}.ext-demo .dp-ov{opacity:0;transition:opacity .3s}.ext-demo[data-step="1"] .v1,.ext-demo[data-step="2"] .v2,.ext-demo[data-step="3"] .v3,.ext-demo[data-step="4"] .v4{opacity:1;transform:none}.ext-demo[data-step="1"] .dp-el.v1,.ext-demo[data-step="2"] .dp-el.v2,.ext-demo[data-step="3"] .dp-el.v3,.ext-demo[data-step="4"] .dp-el.v4{max-height:var(--dp-h,64px);margin-top:8px}.dp-tall{--dp-h:130px}.dp-line{background:#ececec;border-radius:4px;height:8px;display:block}.dp-line-title{background:#dedede;width:62%;height:11px}.dp-table{border:1px solid var(--line);border-radius:8px;font-size:.6rem;display:grid;position:relative}.dp-tr{color:var(--muted);white-space:nowrap;border-top:1px solid #f2f2f2;grid-template-columns:1.6fr .8fr .8fr;gap:6px;padding:5px 8px;display:grid}.dp-tr span{text-overflow:ellipsis;overflow:hidden}.dp-tr.dp-th{color:var(--ink);background:#fafafa;border-top:0;border-radius:8px 8px 0 0;font-weight:700}.dp-ring{border:2px solid var(--accent-mint);pointer-events:none;border-radius:10px;position:absolute;inset:-5px;box-shadow:0 0 0 4px #65d6ae26}.dp-scanline{pointer-events:none;background:linear-gradient(#65d6ae00 0%,#65d6ae4d 50%,#65d6ae00 100%);border-radius:6px;height:26px;position:absolute;top:2px;left:4px;right:4px}.ext-demo[data-step="1"] .dp-scanline{animation:1.7s ease-in-out infinite dp-scan}@keyframes dp-scan{0%,to{transform:translateY(-2px)}50%{transform:translateY(72px)}}.dp-price{color:var(--ink);font-family:var(--font-mono);justify-self:start;padding:2px 4px;font-size:1.05rem;font-weight:700;position:relative}.dp-ring-hover{border:2px dashed var(--accent-mint);border-radius:8px;position:absolute;inset:-4px -6px}.ext-demo[data-step="2"] .dp-ring-hover{animation:1.2s ease-in-out infinite dp-dash}@keyframes dp-dash{50%{box-shadow:0 0 0 5px #65d6ae2e}}.dp-ring-pin{border:2px solid var(--accent-mint);background:#65d6ae24;border-radius:8px;position:absolute;inset:-4px -6px;box-shadow:0 0 18px #65d6ae80}.ext-demo[data-step="3"] .dp-ring-pin{animation:.45s dp-pin-pop}@keyframes dp-pin-pop{0%{opacity:0;transform:scale(1.35)}}.dp-cursor{pointer-events:none;background:#052b20;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:100%;box-shadow:0 3px 10px #0000004d}.ext-demo[data-step="2"] .dp-cursor{animation:2.6s ease-in-out infinite dp-cursor}@keyframes dp-cursor{0%{transform:translate(56px,64px)}45%{transform:translate(-4px,-6px)}58%{transform:translate(-4px,-6px)scale(.82)}70%{transform:translate(-4px,-6px)scale(1)}to{transform:translate(-4px,-6px)}}.dp-portal-title{letter-spacing:-.01em;font-size:.74rem;font-weight:700}.dp-btn{text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:9px 10px;font-size:.66rem;font-weight:700;line-height:1.25;display:flex}.dp-btn-dark{color:#fff;background:#050505}.ext-demo[data-step="1"] .dp-btn.is-pressed{animation:1.5s infinite dp-press}@keyframes dp-press{0%,to{transform:none;box-shadow:0 0 #05050538}45%{transform:scale(.97)}70%{box-shadow:0 0 0 8px #05050500}}.dp-btn-spin{isolation:isolate;color:#fff;background:#050505;border-radius:9px;position:relative;overflow:hidden}.dp-btn-spin:before{content:"";z-index:-2;background:conic-gradient(#65d6ae,#ffe5a2,#7aa7ff,#ff8ec7,#65d6ae);animation:2s linear infinite dp-spin;position:absolute;inset:-150%}.dp-btn-spin:after{content:"";z-index:-1;background:#050505;border-radius:7px;position:absolute;inset:2px}@keyframes dp-spin{to{transform:rotate(1turn)}}.dp-btn-mint{color:#05231a;background:linear-gradient(90deg,#65d6ae 0%,#8fe3c3 100%)}.ext-demo[data-step="3"] .dp-btn-mint{animation:.35s dp-pop}.dp-btn-grad{background:var(--accent-grad);color:#143024}@keyframes dp-pop{0%{opacity:0;transform:scale(.86)}}.dp-chips{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.dp-chips span{border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);background:#fff;border-radius:999px;padding:3px 7px;font-size:.56rem}.dp-ai{background:var(--accent-grad);color:#143024;border-radius:6px;padding:3px 6px;font-size:.56rem;font-style:normal;font-weight:800}.ext-demo[data-step="2"] .dp-panel .dp-chips .dp-ai,.ext-demo[data-step="2"] .dp-panel .dp-chips span{animation:.4s backwards dp-pop}.ext-demo[data-step="2"] .dp-panel .dp-chips span:first-of-type{animation-delay:.1s}.ext-demo[data-step="2"] .dp-panel .dp-chips span:nth-of-type(2){animation-delay:.25s}.ext-demo[data-step="2"] .dp-panel .dp-chips span:nth-of-type(3){animation-delay:.4s}.dp-badges{flex-wrap:wrap;gap:5px;display:flex}.dp-badges span{background:var(--mint-soft);color:var(--accent);border-radius:999px;padding:3px 8px;font-size:.56rem;font-weight:700}.dp-mini{gap:4px;display:grid}.dp-mini i{background:linear-gradient(90deg,#eef7f1,#f6f3e2);border:1px solid #eee;border-radius:4px;height:9px;display:block}.ext-demo[data-step="3"] .dp-mini i{animation:.5s backwards dp-slide}.ext-demo[data-step="3"] .dp-mini i:first-of-type{animation-delay:.1s}.ext-demo[data-step="3"] .dp-mini i:nth-of-type(2){animation-delay:.25s}.ext-demo[data-step="3"] .dp-mini i:nth-of-type(3){animation-delay:.4s}@keyframes dp-slide{0%{opacity:0;transform:translate(-8px)}}.dp-endpoint{color:#9ff0cf;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:#0b1f18;border-radius:8px;padding:7px 9px;font-size:.56rem;display:block;overflow:hidden}.dp-capture{background:var(--mint-soft);border:1px solid #cdeee0;border-radius:8px;gap:2px;padding:7px 9px;display:grid}.dp-capture b{font-family:var(--font-mono);font-size:.74rem}.dp-capture small{color:var(--muted);font-family:var(--font-mono);font-size:.54rem}.dp-records{font-family:var(--font-mono);gap:4px;font-size:.58rem;display:grid}.dp-records span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:6px;justify-content:space-between;gap:8px;padding:4px 7px;display:flex}.dp-records b{color:var(--accent)}.ext-demo[data-step="4"] .dp-records span{animation:.45s backwards dp-slide}.ext-demo[data-step="4"] .dp-records span:first-of-type{animation-delay:.15s}.ext-demo[data-step="4"] .dp-records span:nth-of-type(2){animation-delay:.75s}.ext-demo[data-step="4"] .dp-records span:nth-of-type(3){animation-delay:1.35s}.dp-dataset{border:1px solid var(--line);background:#fff;border-radius:8px;gap:3px;padding:8px 9px;display:grid}.dp-dataset b{font-size:.66rem}.dp-dataset small{color:var(--muted);font-size:.56rem}.dp-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem}.dp-select{gap:4px;display:grid}.dp-select-head{border:1px solid var(--line-strong);border-radius:7px;justify-content:space-between;gap:8px;padding:6px 8px;font-size:.62rem;font-weight:600;display:flex}.dp-option{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:5px 8px;font-size:.6rem}.dp-option.is-selected{border-color:var(--accent-mint);background:var(--mint-soft);color:var(--accent);font-weight:700}.dp-success{color:var(--accent);align-items:center;gap:6px;font-size:.64rem;font-weight:700;display:flex}.dp-success i{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:.55rem;font-style:normal;display:grid}.ext-demo[data-step="3"] .dp-success{animation:.4s .45s backwards dp-pop}.ext-studio-band{background:var(--ink);color:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(24px,4vw,40px);display:grid}.ext-studio-band .eyebrow{color:var(--accent-mint)}.ext-studio-band h2{letter-spacing:-.02em;margin:6px 0 8px;font-size:clamp(1.4rem,3vw,2rem)}.ext-studio-band p{color:#ffffffbf;max-width:560px;margin:0;line-height:1.6}.ext-footer-promo{color:#fff;background:radial-gradient(120% 95% at 90% 0,#f4e99cf2 0%,#f4e99c00 52%),radial-gradient(130% 120% at 0 100%,#74c896e6 0%,#74c89600 62%),linear-gradient(118deg,#9fd3ac 0%,#b7e4c6 48%,#dcebc0 74%,#eee8ac 100%);border:0;gap:6px;padding:14px;text-decoration:none;display:grid;position:relative;box-shadow:0 18px 42px #65d6ae33,0 12px 34px #ffe5a22e,0 2px 10px #14323014}.ext-footer-promo-brand{align-items:center;gap:8px;font-size:.98rem;font-weight:700;display:flex}.ext-footer-promo-brand img{border-radius:7px;box-shadow:0 8px 18px #09382729;width:26px!important;height:26px!important}.ext-footer-promo-brand em{color:#d9fbec;font-style:normal}.ext-footer-promo-line{color:#fffffff5;font-size:.74rem;font-weight:600;line-height:1.35}.ext-footer-promo-line.is-dim{color:#ffffffdb;font-weight:400}@media (max-width:900px){.ext-mode-grid{grid-template-columns:1fr}.ext-hero-art{max-width:560px;transform:none}}@media (max-width:720px){.ext-studio-band{grid-template-columns:1fr}}@media (max-width:520px){.ext-demo{grid-template-columns:1fr;min-height:0}}@media (prefers-reduced-motion:reduce){.ext-demo *,.ext-demo :before,.ext-demo :after,.ext-step-progress{transition-duration:.01ms!important;animation:none!important}}