.ext-hero-art{border-radius:var(--radius-xl);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, var(--mint-300) 0%, var(--mint-300) 48%, var(--n-200) 74%, var(--brand-sand) 100%);box-shadow:var(--shadow-lg);gap:14px;padding:clamp(22px,3.5vw,34px);display:grid;transform:rotate(1.5deg)}.ext-art-brand{align-items:center;gap:14px;margin-bottom:6px;display:flex}.ext-art-brand img{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.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:var(--mint-100);font-style:normal}.ext-art-row{border-radius:var(--radius-lg);color:#fff;transition:background var(--transition), transform var(--transition);align-items:flex-start;gap:14px;padding:12px;text-decoration:none;display:flex}.ext-art-row:hover{background:#ffffff2e;transform:translate(2px)}.ext-art-icon{border-radius:var(--radius-lg);background:#fff3;border:1.5px solid #ffffffb3;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{font-size:var(--fs-md);color:#fffffff0;margin-top:4px;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);border-radius:var(--radius-pill);background:var(--mint-50);color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;justify-self:start;padding:4px 10px;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);border-radius:var(--radius-pill);min-height:34px;color:var(--ink);font-size:var(--fs-sm);box-shadow:var(--shadow);transition:border-color var(--transition), box-shadow var(--transition), color var(--transition);background:#fff;justify-self:start;align-items:center;gap:7px;padding:0 13px;font-weight:700;text-decoration:none;display:inline-flex}.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{border-radius:var(--radius-lg);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:background var(--transition);background:0 0;border:0;align-items:flex-start;gap:14px;padding:12px 14px 10px;display:flex}.ext-steps li:not(.is-active) button:hover{background:var(--n-50)}.ext-steps li.is-active button{background:var(--mint-50);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ext-step-num{border:1px solid var(--line-strong);border-radius:var(--radius-circle);width:26px;height:26px;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-sm);transition:background var(--transition), color var(--transition), border-color var(--transition);background:#fff;flex:none;place-items:center;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(--brand-mint);color:var(--accent)}.ext-step-copy{min-width:0}.ext-step-copy strong{font-size:var(--fs-lg);letter-spacing:-.01em;display:block}.ext-step-copy span{opacity:0;max-height:0;font-size:var(--fs-md);color:var(--muted);transition:max-height var(--transition-slow), opacity var(--transition-slow), margin-top var(--transition-slow);line-height:1.5;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(--grad-brand);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-50);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);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--mint-50) 0%, var(--sand-50) 100%);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);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;overflow:hidden}.dp-bar{border-bottom:1px solid var(--line);background:var(--n-25);align-items:center;gap:5px;padding:8px 10px;display:flex}.dp-bar i{border-radius:var(--radius-circle);background:var(--n-200);width:8px;height:8px}.dp-url{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-3xs);text-overflow:ellipsis;white-space:nowrap;margin-left:6px;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);font-size:var(--fs-xs);align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:flex}.dp-head-dot{background:var(--grad-brand);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;transition:max-height var(--transition-slow), margin-top var(--transition-slow), opacity var(--transition-slow), transform var(--transition-slow);margin-top:0;overflow:hidden;transform:translateY(6px)}.ext-demo .dp-ov{opacity:0;transition:opacity var(--transition-slow)}.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:var(--n-150);border-radius:4px;height:8px;display:block}.dp-line-title{background:var(--n-200);width:62%;height:11px}.dp-table{border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-3xs);display:grid;position:relative}.dp-tr{border-top:1px solid var(--n-100);color:var(--muted);white-space:nowrap;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{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--n-25);color:var(--ink);border-top:0;font-weight:700}.dp-ring{border:2px solid var(--brand-mint);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:-5px;box-shadow:0 0 0 4px #65d6ae26}.dp-scanline{border-radius:var(--radius-xs);pointer-events:none;background:linear-gradient(#65d6ae00 0%,#65d6ae4d 50%,#65d6ae00 100%);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);font-size:var(--fs-lg);justify-self:start;padding:2px 4px;font-weight:700;position:relative}.dp-ring-hover{border:2px dashed var(--brand-mint);border-radius:var(--radius-sm);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(--brand-mint);border-radius:var(--radius-sm);background:#65d6ae24;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{border-radius:var(--radius-circle);background:var(--n-800);width:12px;height:12px;box-shadow:var(--shadow-sm);pointer-events:none;border:2px solid #fff;position:absolute;top:50%;left:100%}.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{font-size:var(--fs-xs);letter-spacing:-.01em;font-weight:700}.dp-btn{border-radius:var(--radius-sm);font-size:var(--fs-2xs);text-align:center;justify-content:center;align-items:center;padding:9px 10px;font-weight:700;line-height:1.25;display:flex}.dp-btn-dark{background:var(--n-950);color:#fff}.ext-demo[data-step="1"] .dp-btn.is-pressed{animation:1.5s infinite dp-press}@keyframes dp-press{0%,to{box-shadow:var(--shadow-xs);transform:none}45%{transform:scale(.97)}70%{box-shadow:var(--shadow-xs)}}.dp-btn-spin{isolation:isolate;border-radius:var(--radius-sm);background:var(--n-950);color:#fff;position:relative;overflow:hidden}.dp-btn-spin:before{content:"";z-index:-2;background:conic-gradient(from 0deg, var(--brand-mint), var(--brand-sand), var(--n-400), #ff8ec7, var(--brand-mint));animation:2s linear infinite dp-spin;position:absolute;inset:-150%}.dp-btn-spin:after{content:"";z-index:-1;border-radius:var(--radius-xs);background:var(--n-950);position:absolute;inset:2px}@keyframes dp-spin{to{transform:rotate(1turn)}}.dp-btn-mint{background:linear-gradient(90deg, var(--brand-mint) 0%, var(--mint-300) 100%);color:var(--n-900)}.ext-demo[data-step="3"] .dp-btn-mint{animation:.35s dp-pop}.dp-btn-grad{background:var(--grad-brand);color:var(--n-800)}@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);border-radius:var(--radius-pill);color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-3xs);background:#fff;padding:3px 7px}.dp-ai{border-radius:var(--radius-xs);background:var(--grad-brand);color:var(--n-800);font-size:var(--fs-3xs);padding:3px 6px;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{border-radius:var(--radius-pill);background:var(--mint-50);color:var(--accent);font-size:var(--fs-3xs);padding:3px 8px;font-weight:700}.dp-mini{gap:4px;display:grid}.dp-mini i{border:1px solid var(--n-150);background:linear-gradient(90deg, var(--n-100), var(--sand-100));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{border-radius:var(--radius-sm);background:var(--n-900);color:var(--mint-300);font-family:var(--font-mono);font-size:var(--fs-3xs);text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;display:block;overflow:hidden}.dp-capture{border:1px solid var(--mint-200);border-radius:var(--radius-sm);background:var(--mint-50);gap:2px;padding:7px 9px;display:grid}.dp-capture b{font-family:var(--font-mono);font-size:var(--fs-xs)}.dp-capture small{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-3xs)}.dp-records{font-family:var(--font-mono);font-size:var(--fs-3xs);gap:4px;display:grid}.dp-records span{border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--muted);background:#fff;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);border-radius:var(--radius-sm);background:#fff;gap:3px;padding:8px 9px;display:grid}.dp-dataset b{font-size:var(--fs-2xs)}.dp-dataset small{color:var(--muted);font-size:var(--fs-3xs)}.dp-kicker{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-3xs);letter-spacing:.08em;text-transform:uppercase}.dp-select{gap:4px;display:grid}.dp-select-head{border:1px solid var(--line-strong);border-radius:var(--radius-xs);font-size:var(--fs-3xs);justify-content:space-between;gap:8px;padding:6px 8px;font-weight:600;display:flex}.dp-option{border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--fs-3xs);padding:5px 8px}.dp-option.is-selected{border-color:var(--brand-mint);background:var(--mint-50);color:var(--accent);font-weight:700}.dp-success{color:var(--accent);font-size:var(--fs-3xs);align-items:center;gap:6px;font-weight:700;display:flex}.dp-success i{border-radius:var(--radius-circle);background:var(--accent);color:#fff;width:15px;height:15px;font-size:var(--fs-3xs);place-items:center;font-style:normal;display:grid}.ext-demo[data-step="3"] .dp-success{animation:.4s .45s backwards dp-pop}.ext-studio-band{border-radius:var(--radius-xl);background:var(--ink);color:#fff;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(--brand-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}@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}}