/* Demo Apps landing — v1.3.0; v1.2.0 retained with color refresh */
/* Demo Apps landing — v1.2.0; scoped to landing page */
html{scroll-behavior:smooth} .demoapps-landing{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#17243b;background:#fff} .demoapps-landing *{box-sizing:border-box} .demoapps-landing a{text-decoration:none} .da-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.da-hero{padding:96px 0 92px;background:radial-gradient(circle at 83% 20%,#dceaff 0,transparent 40%),linear-gradient(130deg,#f8fbff,#edf4ff)}.da-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.da-eyebrow{display:inline-block;color:#2563eb;font-weight:800;letter-spacing:1.6px;font-size:12px;margin-bottom:18px}.da-hero h1{font-size:clamp(39px,5vw,64px);line-height:1.12;letter-spacing:-2px;margin:0 0 23px;color:#152c59;font-weight:850}.da-hero h1 span{color:#2563eb}.da-hero p{font-size:18px;line-height:1.8;color:#52627c;max-width:570px;margin:0 0 30px}.da-actions{display:flex;flex-wrap:wrap;gap:12px}.da-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:14px 22px;font-size:14px;font-weight:750;transition:transform .2s,background .2s}.da-btn:hover{transform:translateY(-2px)}.da-btn-primary{background:#2563eb;color:white!important}.da-btn-primary:hover{background:#1d4ed8}.da-btn-light{background:#fff;color:#1d4ed8!important;border:1px solid #d6e3fa}.da-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;color:#60718d;font-size:12px;font-weight:650}.da-preview{background:#fff;border:1px solid #e3ebf8;border-radius:20px;box-shadow:0 30px 80px rgba(29,65,124,.14);overflow:hidden;transform:rotate(1deg)}.da-preview-top{height:50px;background:#f8faff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;gap:7px;padding:0 19px}.da-dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.da-dot:first-child{background:#fca5a5}.da-dot:nth-child(2){background:#fcd34d}.da-dot:nth-child(3){background:#86efac}.da-preview-top strong{margin-left:auto;font-size:13px;color:#475569}.da-preview-body{padding:28px}.da-preview-title{font-size:19px;font-weight:800;margin-bottom:18px}.da-preview-item{display:flex;align-items:center;gap:14px;border:1px solid #e8eef8;border-radius:13px;padding:17px;margin-bottom:12px}.da-app-icon,.da-card-symbol{display:grid;place-items:center;flex-shrink:0;font-weight:850}.da-app-icon{width:45px;height:45px;border-radius:12px;font-size:20px}.da-blue{background:#dbeafe;color:#1d4ed8}.da-orange{background:#ffedd5;color:#c2410c}.da-gray{background:#e2e8f0;color:#475569}.da-preview-item strong{display:block;font-size:14px}.da-preview-item small{display:block;color:#64748b;font-size:12px}.da-mini-status{margin-left:auto;color:#15803d;background:#dcfce7;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.da-mini-status.da-pending{color:#9a3412;background:#ffedd5}.da-preview-bottom{text-align:center;padding:13px;color:#94a3b8;font-size:12px}.da-section{padding:95px 0;scroll-margin-top:25px}.da-section h2{font-size:clamp(30px,3.5vw,43px);line-height:1.2;letter-spacing:-1px;color:#172c53;margin:0 0 16px;font-weight:800}.da-lead{font-size:16px;color:#64748b;margin:0 0 34px}.da-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.da-card{display:flex;flex-direction:column;padding:29px;border:1px solid #e5ebf3;border-radius:18px;box-shadow:0 12px 35px rgba(17,37,72,.045);background:#fff;min-height:350px}.da-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.da-card-symbol{width:56px;height:56px;border-radius:14px;font-size:26px}.da-status{background:#f1f5f9;color:#64748b;font-size:11px;font-weight:800;padding:6px 10px;border-radius:30px;white-space:nowrap}.da-ready{background:#dcfce7;color:#166534}.da-soon{background:#ffedd5;color:#9a3412}.da-card h3{font-size:24px;color:#182f5a;margin:0 0 10px}.da-card p{color:#64748b;line-height:1.75;font-size:14px;margin:0 0 22px}.da-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:24px}.da-tags span{background:#f1f5f9;color:#64748b;font-size:11px;font-weight:650;padding:5px 9px;border-radius:6px}.da-card-link{display:inline-flex;align-items:center;gap:7px;color:#2563eb;font-size:14px;font-weight:800}.da-card-link:hover{color:#1d4ed8}.da-disabled{color:#94a3b8;cursor:default}.da-card-next{background:#f9fbff;border-style:dashed}.da-about{background:#f5f8fe}.da-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.da-about p{font-size:16px;line-height:1.9;color:#52627c;margin:0 0 16px}.da-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.da-contact p{color:#64748b;max-width:650px;margin:0}.da-contact h2{margin-bottom:14px}
@media(max-width:980px){.da-hero-grid{grid-template-columns:1fr;gap:45px}.da-preview{max-width:600px;transform:none}.da-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.da-about-grid{gap:25px}}@media(max-width:650px){.da-wrap{width:min(100% - 30px,1180px)}.da-hero{padding:64px 0}.da-hero h1{letter-spacing:-1px}.da-hero p{font-size:16px}.da-section{padding:65px 0}.da-cards{grid-template-columns:1fr}.da-about-grid{grid-template-columns:1fr}.da-contact-inner{align-items:flex-start;flex-direction:column}.da-meta{gap:10px}.da-preview-body{padding:16px}.da-preview-item{padding:12px}.da-mini-status{font-size:9px}}


/* v1.3.0 colorful modern visual layer */
.demoapps-landing{background:#fbfcff;color:#182341}
.demoapps-landing .da-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 12%,rgba(56,189,248,.32),transparent 31%),radial-gradient(circle at 22% 88%,rgba(236,72,153,.21),transparent 38%),linear-gradient(122deg,#121d48 0%,#312e81 52%,#5b21b6 100%);padding:110px 0 112px}
.demoapps-landing .da-hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.14);top:-145px;left:40%;pointer-events:none}
.demoapps-landing .da-hero .da-eyebrow{color:#a5f3fc;background:rgba(255,255,255,.11);padding:9px 15px;border:1px solid rgba(255,255,255,.17);border-radius:999px;letter-spacing:1.2px}
.demoapps-landing .da-hero h1{color:#fff;font-weight:850;letter-spacing:-2.4px}
.demoapps-landing .da-hero h1 span{color:#6ee7f9;background:linear-gradient(90deg,#67e8f9,#c4b5fd,#f9a8d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.demoapps-landing .da-hero p{color:#e0e7ff}
.demoapps-landing .da-meta{color:#dbeafe}
.demoapps-landing .da-btn-primary{background:linear-gradient(110deg,#06b6d4,#2563eb);color:#fff!important;box-shadow:0 13px 28px rgba(8,145,178,.25)}
.demoapps-landing .da-btn-primary:hover{background:linear-gradient(110deg,#0891b2,#1d4ed8)}
.demoapps-landing .da-btn-light{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);color:#fff!important;backdrop-filter:blur(8px)}
.demoapps-landing .da-preview{transform:rotate(1.5deg);border:1px solid rgba(255,255,255,.3);box-shadow:0 35px 95px rgba(5,9,38,.42)}
.demoapps-landing .da-preview-top{background:#f1f5ff}
.demoapps-landing .da-preview-body{background:linear-gradient(165deg,#fff,#f8faff)}
.demoapps-landing .da-preview-item:first-of-type{border-left:4px solid #6366f1}
.demoapps-landing .da-preview-item:nth-of-type(2){border-left:4px solid #fb923c}
.demoapps-landing .da-section .da-eyebrow{color:#7c3aed}
.demoapps-landing .da-section h2{color:#172554}
.demoapps-landing #aplikacije{background:linear-gradient(180deg,#fafaff,#fff)}
.demoapps-landing .da-card{border:1px solid #e7e7f4;box-shadow:0 14px 40px rgba(37,39,96,.07);transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}
.demoapps-landing .da-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#4f46e5,#22d3ee)}
.demoapps-landing .da-card:nth-child(2):before{background:linear-gradient(90deg,#f97316,#fbbf24)}
.demoapps-landing .da-card:nth-child(3):before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.demoapps-landing .da-card:hover{transform:translateY(-7px);box-shadow:0 24px 56px rgba(49,46,129,.14);border-color:#c7d2fe}
.demoapps-landing .da-card-symbol.da-blue{background:linear-gradient(145deg,#e0e7ff,#cffafe);color:#4338ca}
.demoapps-landing .da-card-symbol.da-orange{background:linear-gradient(145deg,#ffedd5,#fef3c7);color:#c2410c}
.demoapps-landing .da-card-symbol.da-gray{background:linear-gradient(145deg,#ede9fe,#fce7f3);color:#7c3aed}
.demoapps-landing .da-card-link{color:#4f46e5}
.demoapps-landing .da-card-link:hover{color:#3730a3}
.demoapps-landing .da-card-secondary{display:inline-block;margin-top:12px;color:#64748b;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.demoapps-landing .da-card-secondary:hover{color:#4338ca}
.demoapps-landing .da-card-link.da-disabled{color:#94a3b8}
.demoapps-landing .da-about{background:linear-gradient(115deg,#eff6ff,#f5f3ff 65%,#fdf2f8)}
.demoapps-landing .da-contact{background:#fff}
.demoapps-landing .da-contact-inner{padding:38px 42px;border-radius:26px;background:linear-gradient(110deg,#f0fdfa,#eff6ff,#faf5ff);border:1px solid #dbeafe}
.demoapps-landing .da-contact .da-btn-primary{flex-shrink:0}
@media(max-width:980px){.demoapps-landing .da-preview{transform:none}}
@media(max-width:650px){.demoapps-landing .da-hero{padding:72px 0 78px}.demoapps-landing .da-hero h1{letter-spacing:-1.2px}.demoapps-landing .da-contact-inner{padding:26px 22px}.demoapps-landing .da-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.demoapps-landing .da-card,.demoapps-landing .da-btn{transition:none}.demoapps-landing .da-card:hover,.demoapps-landing .da-btn:hover{transform:none}}


/* v1.3.1: full-bleed landing within Astra boxed/constrained layout */
body.home .site-content .ast-container:has(> #primary .demoapps-landing),
body.home .site-content .ast-container:has(.demoapps-landing){max-width:none;width:100%;padding-left:0;padding-right:0;display:block}
body.home #primary:has(.demoapps-landing),
body.home .content-area:has(.demoapps-landing){width:100%;max-width:none;float:none;margin:0;padding:0}
body.home .site-main:has(.demoapps-landing){margin:0;padding:0}
.demoapps-landing{width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw;margin-right:0;overflow:clip}
.demoapps-landing .da-hero{min-height:calc(100svh - 86px);display:flex;align-items:center;padding-top:72px;padding-bottom:72px}
.demoapps-landing .da-hero-grid{width:min(1400px,calc(100% - 80px));grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(35px,4vw,85px)}
.demoapps-landing .da-hero h1{font-size:clamp(48px,5.2vw,86px)}
.demoapps-landing .da-hero p{max-width:670px}
@media(max-width:980px){.demoapps-landing .da-hero{min-height:auto;padding:85px 0}.demoapps-landing .da-hero-grid{width:min(720px,calc(100% - 44px));grid-template-columns:1fr;gap:45px}.demoapps-landing .da-hero h1{font-size:clamp(42px,7vw,70px)}}
@media(max-width:650px){.demoapps-landing .da-hero{padding:65px 0}.demoapps-landing .da-hero-grid{width:calc(100% - 32px)}.demoapps-landing .da-hero h1{font-size:clamp(38px,10vw,54px)}.demoapps-landing .da-preview{width:100%}}

/* v1.4.3: stvarne snimke aplikacija unutar kartica */
.demoapps-landing .da-card-image{margin:-2px -12px 22px;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#f1f5f9;aspect-ratio:16/9;box-shadow:0 10px 22px rgba(15,23,42,.07)}
.demoapps-landing .da-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s ease}
.demoapps-landing .da-card:hover .da-card-image img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.demoapps-landing .da-card-image img{transition:none}.demoapps-landing .da-card:hover .da-card-image img{transform:none}}

/* v1.4.4: modern product cards */
.demoapps-landing #aplikacije .da-modern-cards{gap:26px}
.demoapps-landing #aplikacije .da-modern-card{padding:0;min-height:0;overflow:hidden;border-radius:24px;box-shadow:0 16px 45px rgba(20,33,70,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.demoapps-landing #aplikacije .da-modern-card:before{display:none}
.demoapps-landing #aplikacije .da-modern-card .da-card-image{position:relative;margin:0;border:0;border-radius:0;box-shadow:none;aspect-ratio:16/10;background:#f0f4fb}
.demoapps-landing #aplikacije .da-modern-card .da-card-image img{object-fit:cover;object-position:center top}
.demoapps-landing #aplikacije .da-modern-card .da-status{position:absolute;top:16px;right:16px;padding:8px 13px;font-size:11px;font-weight:650;box-shadow:0 4px 18px #14213b1c}
.demoapps-landing #aplikacije .da-card-content{padding:26px 27px 29px;display:flex;flex-direction:column;flex:1}
.demoapps-landing #aplikacije .da-modern-card h3{font-size:26px;letter-spacing:-.7px;line-height:1.22;font-weight:650;margin:0 0 12px;color:#162a4d}
.demoapps-landing #aplikacije .da-modern-card p{font-size:14px;line-height:1.75;font-weight:400;color:#64748b;margin:0 0 23px}
.demoapps-landing #aplikacije .da-modern-card .da-tags{margin-top:auto;margin-bottom:22px}
.demoapps-landing #aplikacije .da-modern-card .da-tags span{font-size:11px;font-weight:550;border-radius:8px;padding:7px 10px;background:#f1f5f9}
.demoapps-landing #aplikacije .da-modern-card .da-card-link{font-size:13px;font-weight:650;letter-spacing:0;color:#4f46e5}
.demoapps-landing #aplikacije .da-modern-card .da-card-link.da-disabled{color:#94a3b8}
.demoapps-landing #aplikacije .da-next-art{aspect-ratio:16/10;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#dcd6ff,transparent 45%),linear-gradient(135deg,#eff6ff,#f8edff)}
.demoapps-landing #aplikacije .da-next-art span{font-size:64px;font-weight:300;color:#8b5cf6}
.demoapps-landing #aplikacije .da-next-kicker{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#8b5cf6;margin-bottom:13px}
@media(max-width:650px){.demoapps-landing #aplikacije .da-card-content{padding:23px}}