/* iDesign Live Preview. Everything is scoped under .idlp so the Uncode theme is untouched. */
.idlp{
	--idlp-navy:#14212d;--idlp-deep:#0e1923;--idlp-blue:#9ccbdd;--idlp-white:#f8fcfe;
	--idlp-muted:#afbdc7;--idlp-line:rgba(255,255,255,.15);
	color:var(--idlp-white);font-family:inherit;line-height:1.5;max-width:1400px;margin:0 auto;box-sizing:border-box;
}
.idlp *,.idlp *::before,.idlp *::after{box-sizing:border-box}
.idlp button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:normal;text-transform:none;margin:0}
.idlp a{color:inherit;text-decoration:none}
.idlp button:focus-visible,.idlp a:focus-visible{outline:2px solid var(--idlp-blue);outline-offset:4px}
.idlp p{margin:0}

/* Portfolio layout: client list beside the device */
.idlp--list{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}
.idlp-side{position:sticky;top:110px}
.idlp-side-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--idlp-muted);padding-bottom:14px;border-bottom:1px solid var(--idlp-line)}
.idlp-clients{display:flex;flex-direction:column}
.idlp-clients button{display:flex;align-items:baseline;gap:12px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--idlp-line);padding:11px 0;color:var(--idlp-muted);font-size:15px;line-height:1.3;transition:color .2s,padding .25s}
.idlp-clients button>span{font-size:10px;min-width:16px;opacity:.7}
.idlp-clients button:hover{color:var(--idlp-white)}
.idlp-clients button[aria-pressed=true]{color:var(--idlp-white);padding-left:8px;box-shadow:inset 2px 0 0 var(--idlp-blue)}

.idlp-main{min-width:0}
.idlp-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--idlp-line)}
.idlp-switch{display:inline-flex;gap:3px;border:1px solid var(--idlp-line);padding:3px;border-radius:30px;background:var(--idlp-deep)}
.idlp-switch button{border:0;background:transparent;border-radius:22px;font-size:13px;padding:8px 18px;min-height:36px;color:var(--idlp-muted);transition:background .2s,color .2s}
.idlp-switch button[aria-pressed=true]{background:var(--idlp-blue);color:var(--idlp-navy)}

/* Industry tabs */
.idlp-tabs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.idlp-tabs button{border:1px solid var(--idlp-line);background:transparent;border-radius:30px;padding:9px 18px;font-size:13px;color:var(--idlp-muted);transition:background .2s,color .2s,border-color .2s}
.idlp-tabs button:hover{color:var(--idlp-white);border-color:rgba(255,255,255,.4)}
.idlp-tabs button[aria-pressed=true]{background:var(--idlp-blue);border-color:var(--idlp-blue);color:var(--idlp-navy)}
.idlp-clients button[hidden]{display:none}

/* Device */
.idlp-stage{padding:36px 0 26px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 65%,rgba(39,64,82,.46),transparent 66%)}
.idlp-shell{width:100%;border:1px solid rgba(132,149,164,.36);background:#0c151e;border-radius:13px 13px 7px 7px;padding:8px 8px 0;box-shadow:0 24px 60px rgba(0,0,0,.2);overflow:hidden;transition:width .55s cubic-bezier(.22,1,.36,1),border-radius .4s,padding .4s}
.idlp-bar{height:31px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e6eaed;color:#455360;padding:0 12px;border-radius:6px 6px 0 0;font-family:Arial,sans-serif;font-size:11px}
.idlp-domain{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idlp-dots{display:flex;gap:4px}
.idlp-dots i{width:6px;height:6px;border-radius:50%;background:#9aa9b2}
.idlp-bar .idlp-open-icon{font-size:20px;line-height:1;min-width:28px;text-align:right;color:#455360}
.idlp-screen{position:relative;width:100%;aspect-ratio:1.88;overflow:hidden;background:#fff;isolation:isolate}
.idlp-frame{display:block;position:absolute;left:0;top:0;max-width:none;border:0;background:#fff;transform-origin:top left}
.idlp-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#e9eff2;color:var(--idlp-navy);pointer-events:none;text-align:center;padding:20px}
.idlp-loading span{font-size:22px}
.idlp-loading small{font-size:13px;opacity:.6}
.idlp-screen--capture{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--idlp-blue) transparent;overscroll-behavior:contain}
.idlp-screen--capture .idlp-loading{position:absolute}
.idlp-capture{display:block;width:100%;height:auto;max-width:none}
.idlp-chin{height:27px;display:flex;align-items:center;justify-content:center;color:rgba(201,215,228,.5);font-size:8px;letter-spacing:.18em}
.idlp-stand{height:38px;width:15%;background:linear-gradient(90deg,#233646,#4a5b69,#203241);clip-path:polygon(22% 0,78% 0,86% 100%,14% 100%)}
.idlp-foot{width:25%;height:6px;border-radius:70% 70% 4px 4px;background:linear-gradient(#738592,#263d50)}

.idlp-stage--mobile .idlp-shell{width:300px;border-radius:30px;padding:8px}
.idlp-stage--mobile .idlp-bar{border-radius:22px 22px 0 0;font-size:11px;height:30px;justify-content:center;position:relative}
.idlp-stage--mobile .idlp-dots{display:none}
.idlp-stage--mobile .idlp-open-icon{position:absolute;right:12px}
.idlp-stage--mobile .idlp-screen{aspect-ratio:.52;border-radius:0 0 22px 22px}
.idlp-stage--mobile .idlp-chin,.idlp-stage--mobile .idlp-stand,.idlp-stage--mobile .idlp-foot{display:none}

.idlp-footer{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 25px;font-size:14px;color:var(--idlp-muted);padding:15px 0 0;border-top:1px solid var(--idlp-line)}
.idlp-caption{color:var(--idlp-white)}
.idlp-links{display:flex;gap:22px;flex-wrap:wrap}
.idlp-links a{border-bottom:1px solid rgba(156,203,221,.45);color:var(--idlp-blue);padding-bottom:2px}
.idlp-links a:hover{border-color:var(--idlp-blue)}
.idlp-links a[hidden]{display:none}
.idlp-links a{padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.idlp-bar .idlp-open-icon{min-width:44px;min-height:30px;display:inline-flex;align-items:center;justify-content:flex-end}
.idlp-clients button,.idlp-tabs button{min-height:44px}
.idlp-note{font-size:13px;color:var(--idlp-muted);margin-top:10px}
.idlp-note a{color:var(--idlp-blue);border-bottom:1px solid rgba(156,203,221,.45)}

/* Homepage feature: text left, device right */
.idlp--feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;padding:0}
.idlp-feature-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.idlp-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--idlp-muted);margin-bottom:18px}
.idlp .idlp-heading{font-family:inherit;font-size:clamp(34px,4.4vw,64px);font-weight:400;letter-spacing:-.04em;line-height:1.08;color:var(--idlp-white);margin:0;max-width:760px}
.idlp--feature .idlp-heading{font-size:clamp(34px,3.5vw,56px)}
.idlp-feature-intro{max-width:360px}
.idlp-feature-intro p{color:var(--idlp-muted);font-size:16px;line-height:1.65;margin-bottom:22px}
.idlp .idlp-feature-copy{color:var(--idlp-muted);font-size:16px;line-height:1.65;margin:24px 0 0;max-width:440px}
.idlp-feature-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:32px 0;padding:18px 0;border-top:1px solid var(--idlp-line);border-bottom:1px solid var(--idlp-line)}
.idlp-feature-name{font-size:14px;color:var(--idlp-white)}
.idlp-btn{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:12px 24px;font-size:14px;color:var(--idlp-white);transition:background .2s,color .2s,border-color .2s}
.idlp-btn:hover{background:var(--idlp-blue);border-color:var(--idlp-blue);color:var(--idlp-navy)}
.idlp--feature .idlp-stage{padding-top:0}

@media (min-width:1600px){.idlp-stage{padding-top:46px}}
@media (max-width:1050px){
	.idlp--list{grid-template-columns:minmax(0,1fr);gap:24px}
	.idlp-side{position:static;min-width:0}
	.idlp-side-label{border:0;padding-bottom:8px}
	.idlp-clients{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.idlp-clients::-webkit-scrollbar{display:none}
	.idlp-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
	.idlp-tabs::-webkit-scrollbar{display:none}
	.idlp-tabs button{flex:0 0 auto}
	.idlp-clients button{flex:0 0 auto;width:auto;border:1px solid var(--idlp-line);border-radius:30px;padding:9px 16px;font-size:13px}
	.idlp-clients button>span{display:none}
	.idlp-clients button[aria-pressed=true]{padding-left:16px;box-shadow:none;background:var(--idlp-white);color:var(--idlp-navy);border-color:var(--idlp-white)}
	.idlp-feature-head{flex-direction:column;align-items:flex-start;gap:24px}
	.idlp--feature{grid-template-columns:minmax(0,1fr);gap:36px}
	.idlp--feature .idlp-stage{padding-top:10px}
}
@media (max-width:700px){
	.idlp-toolbar{justify-content:center}
	.idlp-stage{padding:22px 0}
	.idlp-shell{padding:5px 5px 0;border-radius:9px}
	.idlp-bar{height:25px;font-size:9px;padding:0 8px}
	.idlp-bar .idlp-open-icon{font-size:18px}
	.idlp-chin{height:18px;font-size:6px}
	.idlp-screen{aspect-ratio:1.45}
	.idlp-stand{height:23px}
	.idlp-foot{height:4px}
	.idlp-stage--mobile .idlp-shell{width:min(100%,272px);padding:7px;border-radius:28px}
	.idlp-stage--mobile .idlp-screen{aspect-ratio:.55}
	.idlp-footer{flex-direction:column;gap:10px;font-size:13px}
	.idlp-note{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
	.idlp-shell,.idlp-clients button,.idlp-switch button,.idlp-btn{transition:none}
}