/* Kliqia reference identity: angular wordmark, soft white/lilac surfaces and rounded framing. */
.brand img{display:block;width:142px;height:auto}
.dashboard-body aside img{width:30px;height:30px;object-fit:cover;object-position:left}
.core{background:#fff;padding:17px}
.core img{width:100%;height:auto}
.topbar{height:76px;border-radius:32px;padding:0 38px}
.hero{height:740px;min-height:740px;max-height:740px;width:calc(100% - 28px);padding-top:176px;border-radius:0 0 38px 38px;background:radial-gradient(circle at 76% 35%,rgba(124,79,255,.20),transparent 30%),radial-gradient(circle at 15% 85%,rgba(198,217,255,.38),transparent 28%),linear-gradient(120deg,#fff 15%,#f4f7ff 100%)}
.hero:after{content:"";position:absolute;inset:110px 0 0;background:linear-gradient(100deg,rgba(255,255,255,.92),transparent 48%),repeating-linear-gradient(90deg,transparent 0 112px,rgba(112,64,245,.035) 113px 114px);pointer-events:none}
.hero h1{font-size:clamp(48px,5.2vw,76px);max-width:630px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:480px}.hero-copy h1{min-height:158px}.hero-copy>p{min-height:88px}.hero-copy .actions{min-height:54px}.hero-copy .trust{min-height:24px}
.dashboard-window{border-width:10px;border-radius:30px;box-shadow:0 40px 100px rgba(57,38,118,.22),0 0 0 1px #e3e1ef}
.logo-strip{border-radius:20px}.integration-logos{display:grid!important;grid-template-columns:repeat(5,1fr);gap:26px!important}.integration-logos span{height:58px;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 14px}.integration-logos img{display:block;max-width:145px;max-height:38px;width:auto;height:auto;object-fit:contain}.integration-logos span:nth-child(3) img,.integration-logos span:nth-child(4) img,.integration-logos span:nth-child(5) img{width:34px;height:34px}.integration-logos b{font-size:14px!important;color:#262738!important}
.integration-logos .integration-entry{height:58px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:12px;color:#6542df;text-decoration:none;transition:.2s}.integration-logos .integration-entry:hover{background:#f2efff;box-shadow:0 8px 24px rgba(83,53,170,.1);transform:translateY(-2px)}.integration-logos .integration-entry small{font-size:11px;font-weight:800;white-space:nowrap}
.product{border-radius:20px}
.workflow{border-radius:34px;max-width:1380px;margin:auto}
.cta{border-radius:20px}
.reference-flow,.use-cases-reference,.reference-benefits,.social-proof{max-width:1180px;margin:0 auto}.reference-flow{padding:48px 24px 30px}.reference-heading{text-align:center}.reference-heading span{color:#7040f5;font-size:11px;font-weight:800;letter-spacing:.14em}.reference-heading h2{margin:7px 0 26px;font-size:28px}.reference-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.reference-steps article{position:relative;display:grid;grid-template-columns:30px 48px 1fr;gap:12px;align-items:start;padding:22px;background:#fff;border:1px solid #e5e6ef;border-radius:18px;box-shadow:0 12px 34px rgba(43,32,91,.045)}.reference-steps article:not(:last-child):after{content:'·····→';position:absolute;right:-42px;top:42%;color:#8d62ff;letter-spacing:2px}.reference-steps article>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee8ff;color:#7040f5}.reference-steps article>i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f4f0ff;color:#7040f5;font-size:22px;font-style:normal}.reference-steps h3{margin:1px 0 6px;font-size:15px}.reference-steps p{margin:0;color:#73778b;font-size:12px;line-height:1.55}.use-cases-reference{padding:34px 24px}.cases-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.cases-head h2{margin:4px 0 0;font-size:27px}.cases-head a{color:#7040f5;text-decoration:none;font-weight:800;font-size:12px}.photo-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.photo-case-grid article{overflow:hidden;background:#fff;border:1px solid #e2e3ec;border-radius:18px;box-shadow:0 12px 32px rgba(41,33,75,.06)}.photo-case-grid img{display:block;width:100%;height:210px;object-fit:cover}.photo-case-grid article div{padding:14px 15px}.photo-case-grid h3{margin:0 0 3px;font-size:15px}.photo-case-grid p{margin:0;color:#767a8c;font-size:11px}.reference-benefits{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px;align-items:center;margin-top:12px;margin-bottom:28px;padding:26px 30px;color:#fff;background:radial-gradient(circle at 80% 0,rgba(112,64,245,.45),transparent 35%),#090d35;border-radius:22px}.benefit-intro small{color:#a99cff;font-size:9px;font-weight:800;letter-spacing:.12em}.benefit-intro h2{font-size:28px;margin:5px 0 8px}.benefit-intro p,.reference-benefits article p{color:#bdc2dc;font-size:11px;line-height:1.5}.reference-benefits article{text-align:center}.reference-benefits article i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border:1px solid #6848c9;border-radius:13px;color:#b696ff;font-style:normal}.reference-benefits article b{display:block;font-size:12px}.social-proof{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:14px;padding:24px}.proof-score{padding:18px}.proof-score span,.proof-score strong,.proof-score small{display:block}.proof-score span{font-size:20px;font-weight:800}.proof-score strong{font-size:28px;margin-top:14px}.proof-score div{color:#ffad22;letter-spacing:3px}.proof-score small{color:#72768a;margin-top:6px}.social-proof blockquote{margin:0;padding:20px;background:#fff;border:1px solid #e4e5ee;border-radius:16px;color:#585d72;font-size:12px;line-height:1.65;box-shadow:0 10px 28px rgba(40,34,73,.05)}.social-proof blockquote footer{margin-top:14px;color:#20233a;font-weight:800}.cta{position:relative;overflow:hidden;padding-left:180px}.cta>img{position:absolute;left:8px;bottom:-46px;width:180px;height:190px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(21,10,60,.22))}
.hero:before{background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 34%,rgba(255,255,255,.3) 64%,rgba(255,255,255,.08) 100%),url('/tn/public/assets/kliqia-visuals/hero-office-robot-v1.png');background-size:cover;background-position:center;opacity:.88}
.hero-copy,.dash-head,.metrics{transition:opacity .18s ease,transform .18s ease}.hero.is-changing .hero-copy,.hero.is-changing .dash-head,.hero.is-changing .metrics{opacity:.25;transform:translateY(5px)}
.hero-slider-controls{display:flex;align-items:center;gap:9px;margin-top:24px}.hero-dots{display:flex;gap:7px;padding:6px;border:1px solid rgba(112,64,245,.13);border-radius:15px;background:rgba(255,255,255,.75);backdrop-filter:blur(12px);box-shadow:0 12px 34px rgba(55,37,112,.08)}.hero-dots button,.hero-arrow{border:0;background:transparent;color:#6d7183;cursor:pointer;font:600 11px 'DM Sans',sans-serif;border-radius:10px;transition:.2s}.hero-dots button{padding:9px 10px;display:flex;align-items:center;gap:6px}.hero-dots button i{font-style:normal;color:#7140f5}.hero-dots button.active{color:#fff;background:linear-gradient(135deg,#945cff,#5b2aec);box-shadow:0 8px 18px rgba(112,64,245,.24)}.hero-dots button.active i{color:#fff}.hero-arrow{width:34px;height:34px;font-size:25px;color:#6740d9;border:1px solid #ddd6f5;background:#fff}.hero-arrow:hover{background:#f1ecff}.hero[data-active-slide="1"] .dashboard-window{box-shadow:0 40px 100px rgba(39,85,184,.2),0 0 0 1px #dfe6f4}.hero[data-active-slide="2"] .dashboard-window{box-shadow:0 40px 100px rgba(35,159,109,.17),0 0 0 1px #deeee8}.hero[data-active-slide="3"] .dashboard-window{box-shadow:0 40px 100px rgba(97,64,190,.2),0 0 0 1px #e3e1ef}
.hero-product-shirt{position:absolute;z-index:4;left:39%;top:55%;width:31%;max-height:78%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 24px rgba(41,30,76,.16));transition:.35s ease}.hero:not([data-active-slide="0"]) .hero-product-shirt{opacity:0;transform:translate(-50%,-46%) scale(.9);pointer-events:none}.hero[data-active-slide="0"] .dashboard-window{filter:saturate(.82);opacity:.9}.creative-assistant{background:radial-gradient(circle at 55% 40%,#fff 0,#f3efff 43%,#e9e7ff 100%)}.assistant-robot{position:absolute;width:98%;height:98%;object-fit:contain;left:-10%;bottom:-4%;filter:drop-shadow(0 22px 28px rgba(54,38,117,.14))}.assistant-designs{position:absolute;width:31%;right:3%;bottom:5%;transform:rotate(3deg);filter:drop-shadow(0 14px 20px rgba(54,38,117,.2));border-radius:18px}
.social-proof blockquote cite{display:block;margin-top:14px;color:#20233a;font-weight:800;font-style:normal}
.hero-panels{flex:1;min-width:0;position:relative}.app-panel{position:absolute;inset:0;padding:22px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.24s ease}.app-panel.active{opacity:1;visibility:visible;transform:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-heading small{color:#8a8da1}.panel-heading h3{font-size:18px;margin:4px 0}.panel-heading button,.editor-layers button,.crm-chat button{border:0;border-radius:8px;background:#7040f5;color:#fff;padding:8px 12px;font-weight:700}.editor-demo{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:10px;height:285px}.editor-tools,.editor-canvas,.editor-layers{padding:13px;background:#fff;border:1px solid #e8e9f2;border-radius:12px}.editor-tools label{display:block;font-size:9px;margin:13px 0}.editor-tools input{width:100%;margin-top:5px;border:1px solid #e2e2eb;border-radius:6px;padding:7px;font-size:10px}.swatches{display:flex;gap:5px;margin-top:7px}.swatches i{width:14px;height:14px;border-radius:50%;background:#111}.swatches i:nth-child(2){background:#ff3e83}.swatches i:nth-child(3){background:#7040f5}.swatches i:nth-child(4){background:#24a8d8}.editor-canvas{display:flex;align-items:center;justify-content:center;position:relative;background:#f8f8fb}.editor-canvas>span{position:absolute;top:10px;left:10px;font-size:9px;color:#7040f5}.shirt-placeholder{width:120px;height:170px;padding-top:55px;text-align:center;background:#fff;clip-path:polygon(20% 0,36% 8%,64% 8%,80% 0,100% 18%,85% 36%,76% 29%,76% 100%,24% 100%,24% 29%,15% 36%,0 18%);filter:drop-shadow(0 10px 8px #ddd);font-size:13px;font-weight:900}.shirt-placeholder b{color:#fff;background:#e63eac;padding:3px}.editor-layers p{font-size:9px;padding:8px;background:#f7f5ff;border-radius:6px}.editor-layers button{width:100%;font-size:9px;margin-top:30px}.radar-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.radar-kpis b{background:#fff;border:1px solid #e8e9f2;border-radius:10px;padding:11px;font-size:19px}.radar-kpis small{display:block;color:#8a8da1;font-size:9px;margin-bottom:5px}.radar-table{background:#fff;border:1px solid #e8e9f2;border-radius:12px;overflow:hidden}.radar-table>div{display:grid;grid-template-columns:1.6fr .7fr .6fr .6fr;gap:8px;padding:10px 12px;border-bottom:1px solid #f0eff5;font-size:9px}.radar-table>div:first-child{background:#f7f5ff;color:#777b8c}.radar-table em{font-style:normal;color:#299b61}.radar-table em.warn{color:#e17b21}.crm-demo{display:grid;grid-template-columns:.85fr 1.35fr;height:290px;background:#fff;border:1px solid #e8e9f2;border-radius:12px;overflow:hidden}.crm-list{border-right:1px solid #e8e9f2;padding:8px}.crm-list p{display:flex;gap:8px;align-items:center;margin:0 0 6px;padding:9px;border-radius:8px;font-size:9px}.crm-list p.selected{background:#f0ebff}.crm-list i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#7040f5;color:#fff;font-style:normal}.crm-list span{flex:1}.crm-list b,.crm-list small{display:block}.crm-list em{background:#7040f5;color:#fff;border-radius:50%;padding:2px 5px}.crm-chat{padding:16px;font-size:10px}.crm-chat>p{max-width:75%;background:#f0ebff;padding:10px;border-radius:10px}.crm-chat>p.reply{margin-left:auto;background:#7040f5;color:#fff}.crm-chat>div{margin-top:70px;border:1px solid #e8e9f2;border-radius:9px;padding:8px;color:#999}.crm-chat button{float:right;padding:4px 8px;font-size:9px}.sync-flow{height:285px;display:flex;align-items:center;justify-content:center;gap:10px}.sync-flow article{width:125px;min-height:145px;padding:14px;background:#fff;border:1px solid #e8e9f2;border-radius:13px;text-align:center}.sync-flow article img{width:70px;height:36px;object-fit:contain}.sync-flow article b,.sync-flow article span,.sync-flow article em{display:block;font-size:9px;margin-top:8px}.sync-flow article em{color:#27925b;font-style:normal}.sync-flow .hub{box-shadow:0 14px 32px rgba(112,64,245,.15);border-color:#cfc0ff}.sync-flow>div{display:grid;gap:8px}.sync-flow>div article{min-height:65px;width:135px;display:grid;grid-template-columns:45px 1fr;align-items:center;text-align:left;padding:8px}.sync-flow>div article img{width:40px;height:25px;grid-row:1/3}.sync-flow>div article b,.sync-flow>div article em{margin:0}.sync-flow>i{font-style:normal;color:#7040f5;font-size:18px}
@media(max-width:1050px){.hero{height:auto;min-height:980px;max-height:none;border-radius:0 0 32px 32px}.hero-copy{align-items:center;min-height:470px}.hero-slider-controls{justify-content:center}.integration-logos{grid-template-columns:repeat(3,1fr)}.reference-steps{gap:12px}.reference-steps article{grid-template-columns:30px 1fr}.reference-steps article>i{display:none}.reference-steps article:after{display:none}.photo-case-grid{grid-template-columns:1fr 1fr}.reference-benefits{grid-template-columns:1fr 1fr}.benefit-intro{grid-column:1/-1}.social-proof{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.brand img{width:116px}.topbar{padding:0 16px}.hero{width:calc(100% - 16px);min-height:920px;padding-top:135px;border-radius:0 0 24px 24px}.hero-copy{min-height:520px}.hero-copy h1{min-height:176px}.hero-copy>p{min-height:110px}.hero h1{font-size:42px}.workflow{border-radius:24px}.hero-dots button span{display:none}.hero-dots button{padding:9px 12px}.hero-slider-controls{margin-top:18px}.hero-product-shirt{width:35%;left:42%}.assistant-designs{width:34%}.integration-logos{grid-template-columns:1fr 1fr;gap:8px!important}.integration-logos span{height:48px}.integration-logos img{max-width:118px;max-height:30px}.integration-logos b{font-size:12px!important}.reference-steps,.photo-case-grid,.reference-benefits,.social-proof{grid-template-columns:1fr}.photo-case-grid img{height:230px}.benefit-intro{grid-column:auto}.reference-benefits article{text-align:left;display:grid;grid-template-columns:48px 1fr}.reference-benefits article i{grid-row:1/3;margin:0}.cta{padding-left:24px;padding-top:140px}.cta>img{top:-34px;bottom:auto;width:145px;height:170px}.cases-head{align-items:start}.cases-head a{max-width:110px;text-align:right}}