.demo-page{--dp-bg:#f6f7f9;--dp-bg-soft:#f0f2f4;--dp-card:#fff;--dp-text:#171c26;--dp-text-soft:#555d6d;--dp-text-faint:#818898;--dp-line:#dcdfe5;--dp-line-strong:#c7ccd6;--dp-primary:#099ec3;--dp-primary-deep:#0d7b96;--dp-grad-start:#0aadd6;--dp-grad-end:#3553e9;--dp-green:#00b252;--dp-green-bg:#00b2521a;--dp-shadow-sm:0 1px 2px #1620320a,0 10px 24px #1620320f;--dp-shadow-md:0 2px 6px #1620320f,0 26px 50px #1620321f;--dp-shadow-primary:0 12px 28px #0ea5c947;--dp-display:var(--font-space-grotesk),"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--dp-sans:var(--font-inter),"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--dp-mono:var(--font-jetbrains-mono),"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--dp-r:9px;--dp-r-lg:14px;font-family:var(--dp-sans);color:var(--dp-text)}.demo-page .dp-wrap{z-index:2;width:min(1200px,100% - 48px);margin:0 auto;position:relative}.demo-page .dp-kicker{font-family:var(--dp-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dp-text-faint);font-size:11px;font-weight:600}.demo-page .dp-dot{background:var(--dp-green);border-radius:999px;width:7px;height:7px;animation:1.8s ease-in-out infinite dp-pulse;display:inline-block;box-shadow:0 0 0 3px #00b2522e}@keyframes dp-pulse{0%,to{opacity:1}50%{opacity:.35}}.demo-page .dp-grad-text{background:linear-gradient(120deg,var(--dp-grad-start),var(--dp-grad-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.demo-page .dp-hero{border-bottom:1px solid var(--dp-line);grid-template-columns:1.55fr .9fr;align-items:end;gap:48px;padding:64px 0 44px;display:grid}.demo-page .dp-hero-eyebrow{align-items:center;gap:9px;margin-bottom:26px;display:inline-flex}.demo-page .dp-hero h1{font-family:var(--dp-display);letter-spacing:-.035em;margin:0;font-size:clamp(42px,6vw,84px);font-weight:600;line-height:1.02}.demo-page .dp-hero-aside{padding-bottom:8px}.demo-page .dp-hero-aside p{color:var(--dp-text-soft);max-width:40ch;margin:0 0 22px;font-size:17px;line-height:1.6}.demo-page .dp-hero-stats{border-top:1px solid var(--dp-line);gap:0;display:grid}.demo-page .dp-hero-stat{border-bottom:1px solid var(--dp-line);justify-content:space-between;align-items:baseline;gap:14px;padding:13px 0;display:flex}.demo-page .dp-hero-stat b{font-family:var(--dp-display);font-size:22px;font-weight:600}.demo-page .dp-hero-stat span{font-family:var(--dp-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--dp-text-faint);text-align:right;font-size:11px}.demo-page .dp-sec-head{align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.demo-page .dp-sec-index{font-family:var(--dp-mono);color:var(--dp-primary);letter-spacing:.04em;font-size:12px;font-weight:600}.demo-page .dp-sec-head h2{font-family:var(--dp-display);letter-spacing:-.025em;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:600;line-height:1.06}.demo-page .dp-sec-head p{color:var(--dp-text-soft);max-width:60ch;margin:6px 0 0;font-size:15px;line-height:1.55}.demo-page .dp-demo{padding:48px 0}.demo-page .dp-demo-grid{grid-template-columns:.86fr 1.14fr;align-items:start;gap:20px;display:grid}.demo-page .dp-card{background:var(--dp-card);border:1px solid var(--dp-line);border-radius:var(--dp-r-lg);box-shadow:var(--dp-shadow-sm)}.demo-page .dp-card-pad{padding:24px}.demo-page .dp-panel-top{border-bottom:1px solid var(--dp-line);justify-content:space-between;align-items:start;gap:14px;padding:20px 24px;display:flex}.demo-page .dp-panel-top h3{font-family:var(--dp-display);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.demo-page .dp-panel-top p{color:var(--dp-text-soft);margin:5px 0 0;font-size:13px;line-height:1.45}.demo-page .dp-credit-tag{font-family:var(--dp-mono);letter-spacing:.04em;color:var(--dp-green);background:var(--dp-green-bg);white-space:nowrap;border:1px solid #00b25247;border-radius:999px;flex:none;padding:6px 11px;font-size:11px;font-weight:600}.demo-page .dp-steps{border:1px solid var(--dp-line);border-radius:var(--dp-r);margin:0 0 20px;padding:0;list-style:none;overflow:hidden}.demo-page .dp-steps li{color:var(--dp-text-soft);background:var(--dp-bg-soft);align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;font-weight:500;display:flex}.demo-page .dp-steps li+li{border-top:1px solid var(--dp-line)}.demo-page .dp-steps .dp-n{width:22px;height:22px;font-family:var(--dp-mono);color:#fff;background:linear-gradient(135deg,var(--dp-grad-start),var(--dp-grad-end));border-radius:5px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.demo-page .dp-field-label{font-family:var(--dp-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dp-text-faint);margin-bottom:9px;font-size:11px;font-weight:600;display:block}.demo-page .dp-input-row{gap:10px;display:flex}.demo-page .dp-url-input{min-width:0;font-family:var(--dp-mono);color:var(--dp-text);background:var(--dp-bg-soft);border:1px solid var(--dp-line-strong);border-radius:var(--dp-r);outline:none;flex:1;padding:13px;font-size:13px;transition:border-color .14s,box-shadow .14s,background .14s}.demo-page .dp-url-input::placeholder{color:var(--dp-text-faint)}.demo-page .dp-url-input:focus{border-color:var(--dp-primary);background:#fff;box-shadow:0 0 0 3px #0ea5c929}.demo-page .dp-btn{font-family:var(--dp-sans);border-radius:var(--dp-r);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:14px;font-weight:600;transition:transform .14s,box-shadow .14s,background .14s,color .14s,border-color .14s;display:inline-flex}.demo-page .dp-btn-accent{background:linear-gradient(135deg,var(--dp-grad-start),var(--dp-grad-end));color:#fff;box-shadow:var(--dp-shadow-primary)}.demo-page .dp-btn-accent:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0ea5c96b}.demo-page .dp-btn-accent:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-page .dp-btn-ink{background:var(--dp-text);color:#fff;border-color:var(--dp-text)}.demo-page .dp-btn-ink:hover{box-shadow:var(--dp-shadow-md);transform:translateY(-1px)}.demo-page .dp-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.demo-page .dp-chip{font-family:var(--dp-mono);letter-spacing:.02em;color:var(--dp-text-soft);border:1px dashed var(--dp-line-strong);cursor:pointer;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:600;transition:border-color .14s,color .14s}.demo-page .dp-chip:hover{border-style:solid;border-color:var(--dp-primary);color:var(--dp-primary)}.demo-page .dp-note{color:var(--dp-text-faint);border-left:2px solid var(--dp-primary);margin-top:16px;padding-left:12px;font-size:12.5px;line-height:1.5}.demo-page .dp-status{border:1px solid var(--dp-line);border-radius:var(--dp-r);background:var(--dp-bg-soft);margin:16px 24px 0;padding:13px 14px}.demo-page .dp-status-line{font-family:var(--dp-mono);color:var(--dp-text-soft);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.demo-page .dp-bar{background:var(--dp-line);border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.demo-page .dp-bar>i{background:linear-gradient(90deg,var(--dp-grad-start),var(--dp-grad-end));width:0%;height:100%;font-style:normal;transition:width .2s;display:block}.demo-page .dp-empty{text-align:center;border:1px dashed var(--dp-line-strong);border-radius:var(--dp-r);background:repeating-linear-gradient(135deg,#16203204 0 2px,transparent 2px 9px),var(--dp-bg-soft);place-items:center;min-height:420px;margin:16px 24px 24px;padding:30px;display:grid}.demo-page .dp-empty .dp-glyph{font-family:var(--dp-display);color:var(--dp-line-strong);margin-bottom:10px;font-size:38px}.demo-page .dp-empty h4{font-family:var(--dp-display);margin:0 0 6px;font-size:20px;font-weight:600}.demo-page .dp-empty p{max-width:34ch;color:var(--dp-text-faint);margin:0 auto;font-size:13.5px;line-height:1.55}.demo-page .dp-error{border-radius:var(--dp-r);color:#a94442;background:#fff3f4;border:1px solid #f5c6cb;margin:16px 24px;padding:13px 14px;font-size:13px}.demo-page .dp-dossier-head{border-bottom:1px solid var(--dp-line);background:linear-gradient(#0ea5c90f,#0000);align-items:center;gap:16px;padding:22px 24px;display:flex}.demo-page .dp-avatar{width:62px;height:62px;color:var(--dp-primary-deep);font-family:var(--dp-display);background:linear-gradient(150deg,#0ea5c929,#3a5ce629);border:1px solid #0ea5c94d;border-radius:12px;flex:none;place-items:center;font-size:23px;font-weight:600;display:grid;position:relative}.demo-page .dp-avatar:after{content:"";background:var(--dp-green);border-radius:999px;width:7px;height:7px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 2px #fff}.demo-page .dp-verified{font-family:var(--dp-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dp-green);align-items:center;gap:7px;margin-bottom:7px;font-size:10.5px;font-weight:600;display:inline-flex}.demo-page .dp-dossier-head h3{font-family:var(--dp-display);letter-spacing:-.02em;margin:0;font-size:25px;font-weight:600;line-height:1.05}.demo-page .dp-dossier-head .dp-role-line{color:var(--dp-text-soft);margin:5px 0 0;font-size:14px}.demo-page .dp-rtabs{border-bottom:1px solid var(--dp-line);padding:0 24px;display:flex}.demo-page .dp-rtab{font-family:var(--dp-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dp-text-faint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:22px;padding:14px 4px;font-size:11.5px;font-weight:600;transition:color .14s,border-color .14s}.demo-page .dp-rtab:hover{color:var(--dp-text-soft)}.demo-page .dp-rtab.active{color:var(--dp-primary-deep);border-bottom-color:var(--dp-primary)}.demo-page .dp-dossier-section{padding:20px 24px 4px}.demo-page .dp-dossier-section+.dp-dossier-section{padding-top:6px}.demo-page .dp-dossier-section:last-child{padding-bottom:24px}.demo-page .dp-d-label{font-family:var(--dp-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dp-text-faint);margin:0 0 12px;font-size:10.5px;font-weight:600}.demo-page .dp-facts{border:1px solid var(--dp-line);border-radius:var(--dp-r);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.demo-page .dp-fact{border-bottom:1px solid var(--dp-line);border-right:1px solid var(--dp-line);background:var(--dp-bg-soft);padding:12px 14px}.demo-page .dp-fact:nth-child(2n){border-right:none}.demo-page .dp-fact:nth-last-child(-n+2):nth-child(odd),.demo-page .dp-fact:last-child{border-bottom:none}.demo-page .dp-fact small{font-family:var(--dp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dp-text-faint);margin-bottom:5px;font-size:10px;display:block}.demo-page .dp-fact strong{letter-spacing:-.01em;font-size:14px;font-weight:600}.demo-page .dp-timeline{margin:0;padding:2px 0 0 4px;list-style:none}.demo-page .dp-timeline li{border-left:1px solid var(--dp-line-strong);padding:0 0 18px 22px;position:relative}.demo-page .dp-timeline li:last-child{border-left-color:#0000;padding-bottom:2px}.demo-page .dp-timeline li:before{content:"";border:2px solid var(--dp-primary);background:#fff;border-radius:3px;width:9px;height:9px;position:absolute;top:2px;left:-5px}.demo-page .dp-timeline .dp-role{letter-spacing:-.01em;font-size:14px;font-weight:700}.demo-page .dp-timeline .dp-co{color:var(--dp-text-soft);margin-top:2px;font-size:13px;display:block}.demo-page .dp-timeline .dp-dur{font-family:var(--dp-mono);letter-spacing:.03em;color:var(--dp-text-faint);border:1px solid var(--dp-line);border-radius:4px;margin-top:7px;padding:3px 7px;font-size:10.5px;display:inline-block}.demo-page .dp-skill-row{flex-wrap:wrap;gap:7px;display:flex}.demo-page .dp-skill{font-family:var(--dp-mono);color:var(--dp-primary-deep);background:#0ea5c914;border:1px solid #0ea5c938;border-radius:5px;padding:6px 10px;font-size:11px;font-weight:500}.demo-page .dp-codeblock{border-radius:var(--dp-r);box-shadow:var(--dp-shadow-sm);border:1px solid #20283c;margin:20px 24px 24px;overflow:hidden}.demo-page .dp-codebar{background:#090e1a;border-bottom:1px solid #1d2435;justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;display:flex}.demo-page .dp-codebar .dp-fname{font-family:var(--dp-mono);letter-spacing:.04em;color:#47caeb;font-size:11px}.demo-page .dp-codebar .dp-copy{font-family:var(--dp-mono);letter-spacing:.08em;text-transform:uppercase;color:#969fb0;cursor:pointer;background:0 0;border:1px solid #2e374c;border-radius:4px;padding:4px 9px;font-size:10.5px;transition:color .14s,border-color .14s}.demo-page .dp-codebar .dp-copy:hover{color:#5ed1ed;border-color:#298ba3}.demo-page .dp-codeblock pre{color:#d1dbe6;font-family:var(--dp-mono);background:#070a13;min-height:300px;max-height:360px;margin:0;padding:16px;font-size:12px;line-height:1.65;overflow:auto}.demo-page .dp-ltabs{gap:8px;margin:14px 24px 12px;display:flex}.demo-page .dp-ltab{font-family:var(--dp-mono);letter-spacing:.04em;color:var(--dp-text-faint);border:1px solid var(--dp-line);cursor:pointer;background:#fff;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:600;transition:all .14s}.demo-page .dp-ltab.active{background:linear-gradient(135deg,var(--dp-grad-start),var(--dp-grad-end));color:#fff;border-color:#0000}.demo-page .dp-offers{border-top:1px solid var(--dp-line);padding:56px 0}.demo-page .dp-offer-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;display:grid}.demo-page .dp-offer{border:1px solid var(--dp-line);border-radius:var(--dp-r-lg);background:var(--dp-card);box-shadow:var(--dp-shadow-sm);flex-direction:column;padding:26px;display:flex;position:relative}.demo-page .dp-offer.dp-feature{background:linear-gradient(165deg,#0ea5c91f,#3a5ce60d),var(--dp-card);box-shadow:var(--dp-shadow-md);border-color:#0ea5c966}.demo-page .dp-offer-badge{font-family:var(--dp-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--dp-grad-start),var(--dp-grad-end));border-radius:999px;padding:5px 10px;font-size:10px;font-weight:600;position:absolute;top:18px;right:18px}.demo-page .dp-offer .dp-num{font-family:var(--dp-display);letter-spacing:-.03em;font-size:56px;font-weight:600;line-height:.9}.demo-page .dp-offer h4{font-family:var(--dp-display);margin:14px 0 6px;font-size:20px;font-weight:600}.demo-page .dp-offer p{color:var(--dp-text-soft);margin:0 0 20px;font-size:14px;line-height:1.55}.demo-page .dp-offer .dp-btn{width:100%;margin-top:auto}.demo-page .dp-offer-foot{font-family:var(--dp-mono);letter-spacing:.02em;color:var(--dp-text-faint);margin-top:20px;font-size:12px}.demo-page .dp-offer-foot b{color:var(--dp-primary-deep)}.demo-page .dp-strip{border-top:1px solid var(--dp-line);padding:56px 0}.demo-page .dp-grid-cards{border:1px solid var(--dp-line);border-radius:var(--dp-r-lg);background:var(--dp-card);grid-template-columns:repeat(5,1fr);margin-top:26px;display:grid;overflow:hidden}.demo-page .dp-gcard{border-right:1px solid var(--dp-line);min-height:152px;padding:22px 18px}.demo-page .dp-gcard:last-child{border-right:none}.demo-page .dp-gcard .dp-gi{font-family:var(--dp-mono);color:var(--dp-primary);margin-bottom:14px;font-size:11px}.demo-page .dp-gcard strong{font-family:var(--dp-display);margin-bottom:8px;font-size:16px;font-weight:600;display:block}.demo-page .dp-gcard span{color:var(--dp-text-soft);font-size:13px;line-height:1.5}.demo-page .dp-overlay{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f17266b;justify-content:center;align-items:center;padding:22px;animation:.22s dp-fade-in;display:flex;position:fixed;inset:0}@keyframes dp-fade-in{0%{opacity:0}to{opacity:1}}.demo-page .dp-modal{background:radial-gradient(620px 320px at 82% -12%,#0ea5c924,transparent 60%),var(--dp-card);border:1px solid var(--dp-line);border-radius:var(--dp-r-lg);width:min(700px,100%);max-height:calc(100vh - 44px);padding:32px;position:relative;overflow-y:auto;box-shadow:0 40px 90px #0f17264d}.demo-page .dp-modal-x{color:var(--dp-text-faint);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:16px;right:18px}.demo-page .dp-modal-x:hover{color:var(--dp-text)}.demo-page .dp-modal .dp-eb{align-items:center;gap:8px;margin-bottom:12px;display:inline-flex}.demo-page .dp-modal h3{font-family:var(--dp-display);letter-spacing:-.02em;margin:0;font-size:27px;font-weight:600}.demo-page .dp-modal .dp-ms{color:var(--dp-text-soft);max-width:46ch;margin:8px 0 0;font-size:14.5px;line-height:1.55}.demo-page .dp-modal .dp-offer-grid{margin-top:22px}.demo-page .dp-modal .dp-offer{padding:20px}.demo-page .dp-modal .dp-offer .dp-num{font-size:44px}.demo-page .dp-modal .dp-offer h4{font-size:18px}.demo-page .dp-modal .dp-offer p{margin-bottom:16px;font-size:13px}.demo-page .dp-modal-later{font-family:var(--dp-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dp-text-faint);cursor:pointer;background:0 0;border:none;margin:18px auto 0;font-size:11px;display:block}.demo-page .dp-modal-later:hover{color:var(--dp-text)}.demo-page .dp-toast{z-index:70;background:var(--dp-text);color:#fff;font-family:var(--dp-mono);letter-spacing:.03em;border-radius:var(--dp-r);box-shadow:var(--dp-shadow-md);opacity:0;pointer-events:none;padding:11px 16px;font-size:12px;transition:all .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(16px)}.demo-page .dp-toast.active{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:1000px){.demo-page .dp-hero{grid-template-columns:1fr;align-items:start;gap:32px}.demo-page .dp-demo-grid,.demo-page .dp-offer-grid{grid-template-columns:1fr}.demo-page .dp-grid-cards{grid-template-columns:repeat(2,1fr)}.demo-page .dp-gcard{border-right:1px solid var(--dp-line);border-bottom:1px solid var(--dp-line)}}@media (max-width:600px){.demo-page .dp-wrap{width:calc(100% - 32px)}.demo-page .dp-facts{grid-template-columns:1fr}.demo-page .dp-fact{border-right:none}.demo-page .dp-grid-cards{grid-template-columns:1fr}.demo-page .dp-input-row{flex-direction:column}.demo-page .dp-input-row .dp-btn{width:100%}.demo-page .dp-modal .dp-offer-grid{grid-template-columns:1fr}}