.ext-hero-art{display:grid;gap:14px;padding:clamp(22px,3.5vw,34px);border-radius:var(--radius-xl);color:#fff;background:radial-gradient(120% 95% at 90% 0,rgba(244,233,156,.95) 0,rgba(244,233,156,0) 52%),radial-gradient(130% 120% at 0 100%,rgba(116,200,150,.9) 0,rgba(116,200,150,0) 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);transform:rotate(1.5deg)}.ext-art-brand{display:flex;align-items:center;gap:14px;margin-bottom:6px}.ext-art-brand img{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.ext-art-word{font-size:clamp(1.9rem,3.4vw,2.5rem);font-weight:700;letter-spacing:-.03em;text-shadow:0 2px 18px rgb(20 70 50/18%)}.ext-art-word em{font-style:normal;color:var(--mint-100)}.ext-art-row{display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:var(--radius-lg);color:#fff;text-decoration:none;transition:background var(--transition),transform var(--transition)}.ext-art-row:hover{background:rgb(255 255 255/18%);transform:translateX(2px)}.ext-art-icon{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border:1.5px solid rgb(255 255 255/70%);border-radius:var(--radius-lg);background:rgb(255 255 255/20%)}.ext-art-row strong{display:block;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.2;letter-spacing:-.015em;text-shadow:0 1px 12px rgb(20 70 50/16%)}.ext-art-row small{display:block;margin-top:4px;font-size:var(--fs-md);line-height:1.45;color:rgb(255 255 255/94%)}.ext-docs{display:grid;gap:clamp(44px,6vw,72px)}.ext-docs-head h2{margin:0 0 8px;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.035em}.ext-docs-head p{max-width:620px;margin:0;color:var(--muted);line-height:1.6}.ext-mode{display:grid;gap:20px;scroll-margin-top:96px}.ext-chip{justify-self:start;padding:4px 10px;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);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ext-mode-head h2{margin:10px 0 8px;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.025em}.ext-mode-head p{max-width:680px;margin:0;color:var(--muted);line-height:1.6}.ext-mode-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(24px,4vw,48px)}.ext-mode-cta{display:inline-flex;align-items:center;justify-self:start;gap:7px;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff;color:var(--ink);font-size:var(--fs-sm);font-weight:700;text-decoration:none;box-shadow:var(--shadow);transition:border-color var(--transition),box-shadow var(--transition),color var(--transition)}.ext-mode-cta:hover{border-color:rgb(101 214 174/70%);color:var(--accent);box-shadow:0 10px 28px rgb(101 214 174/16%)}.ext-steps{display:grid;gap:4px;margin:0;padding:0;list-style:none}.ext-steps button{display:flex;gap:14px;align-items:flex-start;width:100%;padding:12px 14px 10px;border:0;border-radius:var(--radius-lg);background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background var(--transition)}.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{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;border:1px solid var(--line-strong);border-radius:var(--radius-circle);background:#fff;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-sm);transition:background var(--transition),color var(--transition),border-color var(--transition)}.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{display:block;font-size:var(--fs-lg);letter-spacing:-.01em}.ext-step-copy span{display:block;overflow:hidden;max-height:0;opacity:0;font-size:var(--fs-md);line-height:1.5;color:var(--muted);transition:max-height var(--transition-slow),opacity var(--transition-slow),margin-top var(--transition-slow)}.ext-steps li.is-active .ext-step-copy span{max-height:120px;margin-top:4px;opacity:1}.ext-step-progress{display:none;height:2px;margin:0 14px 0 54px;border-radius:2px;background:var(--grad-brand);transform:scaleX(0);transform-origin:left}.ext-steps li.is-active .ext-step-progress{display:block;background-color:var(--mint-50)}.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{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:stretch;min-height:300px;padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--mint-50) 0,var(--sand-50) 100%)}.dp-page,.dp-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.dp-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--n-25)}.dp-bar i{width:8px;height:8px;border-radius:var(--radius-circle);background:var(--n-200)}.dp-url{overflow:hidden;margin-left:6px;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-3xs);text-overflow:ellipsis;white-space:nowrap}.dp-doc{position:relative;display:grid;flex:1 1;gap:10px;align-content:start;padding:14px 12px}.dp-head{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:var(--fs-xs);font-weight:700}.dp-head-dot{width:10px;height:10px;border-radius:3px;background:var(--grad-brand)}.dp-panel-flow{position:relative;display:flex;flex:1 1;flex-direction:column;padding:6px 12px 14px}.ext-demo .dp-el{overflow:hidden;max-height:0;margin-top:0;opacity:0;transform:translateY(6px);transition:max-height var(--transition-slow),margin-top var(--transition-slow),opacity var(--transition-slow),transform var(--transition-slow)}.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{display:block;height:8px;border-radius:4px;background:var(--n-150)}.dp-line-title{width:62%;height:11px;background:var(--n-200)}.dp-table{position:relative;display:grid;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-3xs)}.dp-tr{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:6px;padding:5px 8px;border-top:1px solid var(--n-100);color:var(--muted);white-space:nowrap}.dp-tr span{overflow:hidden;text-overflow:ellipsis}.dp-tr.dp-th{border-top:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--n-25);color:var(--ink);font-weight:700}.dp-ring{inset:-5px;border:2px solid var(--brand-mint);border-radius:var(--radius-md);box-shadow:0 0 0 4px rgb(101 214 174/15%)}.dp-ring,.dp-scanline{position:absolute;pointer-events:none}.dp-scanline{top:2px;right:4px;left:4px;height:26px;border-radius:var(--radius-xs);background:linear-gradient(180deg,rgb(101 214 174/0),rgb(101 214 174/30%) 50%,rgb(101 214 174/0))}.ext-demo[data-step="1"] .dp-scanline{animation:dp-scan 1.7s ease-in-out infinite}@keyframes dp-scan{0%,to{transform:translateY(-2px)}50%{transform:translateY(72px)}}.dp-price{position:relative;justify-self:start;padding:2px 4px;color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:700}.dp-ring-hover{position:absolute;inset:-4px -6px;border:2px dashed var(--brand-mint);border-radius:var(--radius-sm)}.ext-demo[data-step="2"] .dp-ring-hover{animation:dp-dash 1.2s ease-in-out infinite}@keyframes dp-dash{50%{box-shadow:0 0 0 5px rgb(101 214 174/18%)}}.dp-ring-pin{position:absolute;inset:-4px -6px;border:2px solid var(--brand-mint);border-radius:var(--radius-sm);background:rgb(101 214 174/14%);box-shadow:0 0 18px rgb(101 214 174/50%)}.ext-demo[data-step="3"] .dp-ring-pin{animation:dp-pin-pop .45s ease}@keyframes dp-pin-pop{0%{transform:scale(1.35);opacity:0}}.dp-cursor{position:absolute;top:50%;left:100%;width:12px;height:12px;border:2px solid #fff;border-radius:var(--radius-circle);background:var(--n-800);box-shadow:var(--shadow-sm);pointer-events:none}.ext-demo[data-step="2"] .dp-cursor{animation:dp-cursor 2.6s ease-in-out infinite}@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);font-weight:700;letter-spacing:-.01em}.dp-btn{display:flex;align-items:center;justify-content:center;padding:9px 10px;border-radius:var(--radius-sm);font-size:var(--fs-2xs);font-weight:700;line-height:1.25;text-align:center}.dp-btn-dark{background:var(--n-950);color:#fff}.ext-demo[data-step="1"] .dp-btn.is-pressed{animation:dp-press 1.5s ease infinite}@keyframes dp-press{0%,to{transform:none;box-shadow:var(--shadow-xs)}45%{transform:scale(.97)}70%{box-shadow:var(--shadow-xs)}}.dp-btn-spin{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-sm);background:var(--n-950);color:#fff}.dp-btn-spin:before{content:"";position:absolute;z-index:-2;inset:-150%;background:conic-gradient(from 0deg,var(--brand-mint),var(--brand-sand),var(--n-400),#ff8ec7,var(--brand-mint));animation:dp-spin 2s linear infinite}.dp-btn-spin:after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:var(--radius-xs);background:var(--n-950)}@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:dp-pop .35s ease}.dp-btn-grad{background:var(--grad-brand);color:var(--n-800)}@keyframes dp-pop{0%{opacity:0;transform:scale(.86)}}.dp-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.dp-chips span{padding:3px 7px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff;color:var(--ink);font-family:var(--font-mono)}.dp-ai,.dp-chips span{font-size:var(--fs-3xs)}.dp-ai{padding:3px 6px;border-radius:var(--radius-xs);background:var(--grad-brand);color:var(--n-800);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:dp-pop .4s ease backwards}.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{display:flex;flex-wrap:wrap;gap:5px}.dp-badges span{padding:3px 8px;border-radius:var(--radius-pill);background:var(--mint-50);color:var(--accent);font-size:var(--fs-3xs);font-weight:700}.dp-mini{display:grid;gap:4px}.dp-mini i{display:block;height:9px;border:1px solid var(--n-150);border-radius:4px;background:linear-gradient(90deg,var(--n-100),var(--sand-100))}.ext-demo[data-step="3"] .dp-mini i{animation:dp-slide .5s ease backwards}.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:translateX(-8px)}}.dp-endpoint{display:block;overflow:hidden;padding:7px 9px;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}.dp-capture{display:grid;gap:2px;padding:7px 9px;border:1px solid var(--mint-200);border-radius:var(--radius-sm);background:var(--mint-50)}.dp-capture b{font-family:var(--font-mono);font-size:var(--fs-xs)}.dp-capture small{color:var(--muted)}.dp-capture small,.dp-records{font-family:var(--font-mono);font-size:var(--fs-3xs)}.dp-records{display:grid;gap:4px}.dp-records span{display:flex;gap:8px;justify-content:space-between;padding:4px 7px;border:1px solid var(--line);border-radius:var(--radius-xs);background:#fff;color:var(--muted)}.dp-records b{color:var(--accent)}.ext-demo[data-step="4"] .dp-records span{animation:dp-slide .45s ease backwards}.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{display:grid;gap:3px;padding:8px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.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{display:grid;gap:4px}.dp-select-head{display:flex;gap:8px;justify-content:space-between;padding:6px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-xs);font-size:var(--fs-3xs);font-weight:600}.dp-option{padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--fs-3xs)}.dp-option.is-selected{border-color:var(--brand-mint);background:var(--mint-50)}.dp-option.is-selected,.dp-success{color:var(--accent);font-weight:700}.dp-success{display:flex;align-items:center;gap:6px;font-size:var(--fs-3xs)}.dp-success i{display:grid;place-items:center;width:15px;height:15px;border-radius:var(--radius-circle);background:var(--accent);color:#fff;font-size:var(--fs-3xs);font-style:normal}.ext-demo[data-step="3"] .dp-success{animation:dp-pop .4s ease .45s backwards}.ext-studio-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(24px,4vw,40px);border-radius:var(--radius-xl);background:var(--ink);color:#fff}.ext-studio-band .eyebrow{color:var(--brand-mint)}.ext-studio-band h2{margin:6px 0 8px;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em}.ext-studio-band p{max-width:560px;margin:0;color:rgb(255 255 255/75%);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 :after,.ext-demo :before,.ext-step-progress{animation:none!important;transition-duration:.01ms!important}}