/* Webtechio Labs / Demo Directory v1. Colors scoped to .dp-page. */
.dp-page{background:#f5f6f8;color:#101e34;--dp-ink:#101e34;--dp-gold:#ffdc8b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.dp-page *{box-sizing:border-box}.dp-page .container{width:min(1200px,calc(100% - 44px));margin-inline:auto}.dp-page a{text-decoration:none}.dp-hero{padding:94px 0 85px;background:radial-gradient(circle at 84% 15%,#234874 0,transparent 35%),linear-gradient(140deg,#071629,#102c53 70%,#102442);color:white;overflow:hidden}.dp-kicker,.dp-microtitle{font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.dp-kicker{color:#a6c7ee;display:flex;align-items:center;gap:13px}.dp-kicker span{height:8px;width:8px;border-radius:100%;background:#fbd186;box-shadow:0 0 0 5px #fbd18625}.dp-hero-line{display:grid;grid-template-columns:1fr 240px;gap:9%;align-items:end}.dp-hero h1{font-size:clamp(3.2rem,6.1vw,6.7rem);line-height:1.06;letter-spacing:-.065em;max-width:900px;margin:22px 0;font-weight:800}.dp-hero h1 em,.dp-cta h2 em{font-family:Georgia,serif;color:var(--dp-gold);font-weight:400}.dp-hero p{font-size:18px;line-height:1.7;max-width:670px;color:#c4d3e4}.dp-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:35px}.dp-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 21px;background:#fdd280;color:#14243b!important;border-radius:9px;font-size:13px;font-weight:850}.dp-primary:hover{background:#ffe9b4;transform:translateY(-2px)}.dp-secondary{color:#f4f8ff!important;font-size:13px;font-weight:750;text-decoration:underline!important;text-underline-offset:6px}.dp-hero-stat{border-left:1px solid #7192be75;padding-left:29px}.dp-hero-stat strong{font-size:6rem;display:block;letter-spacing:-.08em;line-height:1;font-weight:700}.dp-hero-stat span{font-size:14px;display:block;line-height:1.5;color:#e2ebf4;margin:15px 0 25px}.dp-hero-stat small{font-size:11px;display:block;color:#a6bcd7;line-height:1.8}.dp-highlights{padding:63px 0 72px;background:#e9eef5}.dp-microtitle{color:#557092}.dp-highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:25px}.dp-highlight{position:relative;background:#14263c;min-height:265px;display:flex;flex-direction:column;justify-content:end;padding:25px;border-radius:17px;overflow:hidden;color:white!important;box-shadow:0 12px 32px #26385310}.dp-highlight:after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 10%,#08192fe8 100%);z-index:0}.dp-highlight img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86;transition:transform .6s ease}.dp-highlight:hover img{transform:scale(1.08)}.dp-highlight span,.dp-highlight h2,.dp-highlight small{z-index:1;position:relative}.dp-highlight span{font-size:11px;color:#ffdfb3;text-transform:uppercase;font-weight:750;letter-spacing:.15em}.dp-highlight h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;color:#fff;margin:7px 0 14px}.dp-highlight small{font-size:12px;font-weight:750}.dp-library{padding:76px 0 95px}.dp-lib-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.dp-lib-head h2{font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1.12;letter-spacing:-.055em;color:#0d2036;margin:16px 0}.dp-lib-head p{color:#63768d;max-width:620px;line-height:1.7}.dp-count{text-align:center;min-width:130px;background:white;border:1px solid #dce4ef;border-radius:16px;padding:20px 18px}.dp-count strong{font-size:36px;font-weight:850;display:block;color:#0f3762;letter-spacing:-.045em}.dp-count span{font-size:11px;color:#62738a}.dp-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) 220px auto;gap:12px;align-items:end;background:white;border:1px solid #dde4ed;border-radius:15px;padding:16px;margin-top:32px}.dp-toolbar label{display:block}.dp-label{display:block;font-size:10px;color:#657993;letter-spacing:.12em;font-weight:850;margin-bottom:7px}.dp-toolbar input,.dp-toolbar select{width:100%;border:1px solid #d4dfed;background:#f7f9fc;padding:12px 15px;border-radius:8px;font:500 13px/1.5 inherit;color:#172c44;outline-offset:2px}.dp-toolbar input:focus,.dp-toolbar select:focus{outline:2px solid #3e73b6}.dp-view{display:flex;background:#f1f5f9;gap:4px;padding:5px;border-radius:9px;border:1px solid #e1e7ef}.dp-view button{color:#4d6480;padding:9px 15px;border:0;background:transparent;border-radius:7px;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}.dp-view button[aria-pressed=true]{background:#0d2f57;color:white;box-shadow:0 2px 5px #25345125}.dp-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.dp-pills button{cursor:pointer;border:1px solid #cfd9e5;border-radius:30px;padding:8px 14px;background:white;color:#4f6078;font-size:12px;font-weight:700}.dp-pills button.chosen{background:#122b48;border-color:#122b48;color:#fff}.dp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dp-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dee5ef;border-radius:16px;background:#fff;box-shadow:0 3px 12px #253b5010;transition:transform .2s ease,box-shadow .2s ease}.dp-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px #1f345326}.dp-card[hidden]{display:none!important}.dp-image{position:relative;aspect-ratio:1.62;overflow:hidden;background:#142841;display:block}.dp-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.dp-card:hover .dp-image img{transform:scale(1.035)}.dp-open{position:absolute;bottom:12px;right:12px;background:#fff;color:#1c3552;border-radius:100px;padding:8px 12px;font-size:11px;font-weight:800;box-shadow:0 3px 16px #102b4640}.dp-info{padding:25px;display:flex;flex-direction:column;flex:1}.dp-tags{display:flex;gap:7px;flex-wrap:wrap}.dp-tags span{padding:5px 8px;background:#eaf2f8;color:#356388;border-radius:5px;font-size:10px;letter-spacing:.035em;font-weight:850;text-transform:uppercase}.dp-tags span+span{background:#fff2d9;color:#8a5e18}.dp-info h3{font-size:21px;letter-spacing:-.035em;line-height:1.24;margin:16px 0 10px;color:#10253b}.dp-info p{font-size:13px;line-height:1.7;color:#62748b;flex:1;margin-bottom:15px}.dp-url{font:600 11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#577da9!important;overflow-wrap:anywhere;margin-bottom:16px}.dp-card-link{border-top:1px solid #e7eaf0;padding-top:15px;display:flex;justify-content:space-between;align-items:center;color:#122f53!important;font-size:13px;font-weight:850}.dp-card-link span{font-size:18px}.dp-grid.is-list{grid-template-columns:1fr;gap:13px}.dp-grid.is-list .dp-card{display:grid;grid-template-columns:minmax(190px,290px) 1fr}.dp-grid.is-list .dp-image{aspect-ratio:auto;min-height:200px}.dp-grid.is-list .dp-info{padding:20px 26px}.dp-grid.is-list .dp-info h3{margin:10px 0}.dp-grid.is-list .dp-info p{margin:0 0 7px}.dp-grid.is-list .dp-card-link{margin-top:auto}.dp-empty{text-align:center;padding:70px 20px;border:1px dashed #aec0d6;border-radius:14px;color:#66768c}.dp-notice{font-size:12px;line-height:1.6;color:#79869a;margin-top:24px}.dp-cta{background:#102947;padding:80px 0;color:white}.dp-cta .dp-microtitle{color:#f4c980}.dp-cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-top:20px}.dp-cta h2{font-size:clamp(2.5rem,4.7vw,5.2rem);letter-spacing:-.06em;line-height:1.07;color:#fff;margin:0}.dp-cta p{color:#c0d0e1;line-height:1.8;margin-bottom:30px}.dp-page a:focus-visible,.dp-page button:focus-visible{outline:3px solid #ffc04a;outline-offset:3px}@media(max-width:900px){.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-hero-line{grid-template-columns:1fr 170px;gap:25px}.dp-hero-stat strong{font-size:4.5rem}.dp-toolbar{grid-template-columns:1fr 220px}.dp-view{grid-column:span 2;justify-content:flex-end}.dp-cta-grid{gap:35px}}@media(max-width:650px){.dp-page .container{width:calc(100% - 32px)}.dp-hero{padding:60px 0}.dp-hero h1{font-size:clamp(2.8rem,13vw,4rem)}.dp-hero p{font-size:15px}.dp-hero-line{grid-template-columns:1fr}.dp-hero-stat{display:none}.dp-highlight-row,.dp-grid{grid-template-columns:1fr}.dp-highlight{min-height:220px}.dp-highlights,.dp-library,.dp-cta{padding:56px 0}.dp-lib-head,.dp-cta-grid{display:block}.dp-count{display:none}.dp-toolbar{grid-template-columns:1fr;padding:13px}.dp-view{grid-column:auto}.dp-toolbar input,.dp-toolbar select{font-size:16px}.dp-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.dp-pills button{flex:none}.dp-grid.is-list .dp-card{grid-template-columns:1fr}.dp-grid.is-list .dp-image{height:190px}.dp-grid.is-list .dp-info{padding:25px}.dp-cta h2{margin-bottom:25px}.dp-hero-actions{align-items:stretch;flex-direction:column}.dp-primary{width:100%}}@media(prefers-reduced-motion:reduce){.dp-page *{transition:none!important;scroll-behavior:auto!important}}