@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#0b0908; --panel:rgba(196,122,68,.68); --line:rgba(208,138,99,.16);
  --copper:#b86545; --copper:#d08a63; --text:#f1e9e4; --muted:#b8aaa2;
  --shadow:0 24px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(184,101,69,.13),transparent 28%),linear-gradient(180deg,#0b0908 0%,#15100d 48%,#070605 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,select{font:inherit}
button{cursor:pointer}
.ambient{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;z-index:-1}
.ambient-a{background:#7a3f25;left:-220px;top:28%}.ambient-b{background:#b96f48;right:-240px;top:65%}

.nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 28px;position:sticky;top:0;z-index:20;background:rgba(196,122,68,.68);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}
.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block;letter-spacing:1.6px;font-size:15px}.brand small{display:block;color:#9f8c80;font-size:9px;margin-top:2px}
.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#713a29,#c87952);box-shadow:0 0 28px rgba(196,122,85,.22);position:relative}
.anchor{font-size:21px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}
.desktop-nav{display:flex;gap:28px;margin-left:auto;margin-right:30px}.desktop-nav a{color:#c4b5ab;font-size:13px}.desktop-nav a:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:10px}.language{display:flex;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;padding:0 9px;color:#eee4dd}.language select{border:0;background:transparent;color:#eee4dd;padding:9px 2px;outline:0}.language option{color:#111}.globe{opacity:.7}
.btn{border:0;border-radius:13px;padding:12px 17px;font-weight:700;font-size:13px;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(100deg,#a85d3e,#d69a73);color:#160d09;box-shadow:0 10px 35px rgba(184,101,69,.22)}.btn-primary:hover{box-shadow:0 14px 45px rgba(208,138,99,.34)}
.btn-secondary,.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#eee6e0}.btn-secondary:hover,.btn-ghost:hover{background:rgba(255,255,255,.08)}
.section{max-width:1120px;margin:auto;padding:105px 28px}
.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:90px}
.eyebrow{color:#d08a63;font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;background:#d49a72;border-radius:50%;box-shadow:0 0 15px #d49a72;margin-right:7px}
.hero h1{font-size:clamp(48px,6vw,80px);line-height:.98;letter-spacing:-4px;margin:20px 0}.gradient-text{background:linear-gradient(100deg,#fff 10%,#d08a63 58%,#a85f38);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:17px;line-height:1.7;color:var(--muted);max-width:590px}.hero-buttons{display:flex;gap:12px;margin:28px 0}.trust-row{display:flex;gap:18px;color:#9d8d84;font-size:10px}.trust-row span span{color:#c4b5ab}
.hero-visual{height:510px;position:relative;display:grid;place-items:center;perspective:1200px;isolation:isolate}
.hero-doc-space{overflow:visible}
.space-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(196,122,68,.20),rgba(143,79,43,.10) 38%,transparent 70%);filter:blur(12px);animation:corePulse 4s ease-in-out infinite}
.neon-ring{position:absolute;border:1px solid rgba(196,122,68,.28);border-radius:50%;box-shadow:0 0 22px rgba(196,122,68,.10);transform-style:preserve-3d}
.ring-a{width:390px;height:170px;transform:rotateX(67deg) rotateZ(-18deg);animation:spinRing 13s linear infinite}
.ring-b{width:310px;height:430px;transform:rotateY(67deg) rotateZ(22deg);animation:spinRingReverse 17s linear infinite}
.ring-c{width:470px;height:470px;border-color:rgba(143,79,43,.12);transform:rotateX(68deg) rotateY(18deg);animation:spinRing 21s linear infinite}
.floating-doc{position:absolute;width:185px;height:238px;padding:17px 16px;border-radius:14px;background:linear-gradient(145deg,rgba(229,247,255,.96),rgba(196,122,68,.78));color:#2a1b14;border:1px solid rgba(196,122,68,.75);box-shadow:0 28px 55px rgba(0,0,0,.42),0 0 30px rgba(196,122,68,.15),inset 0 1px 0 rgba(255,255,255,.9);transform-style:preserve-3d;backdrop-filter:blur(8px);z-index:2}
.floating-doc:before{content:"";position:absolute;inset:8px;border:1px solid rgba(196,122,68,.10);border-radius:9px;pointer-events:none}
.doc-glass-top{display:flex;justify-content:space-between;font-size:7px;font-weight:800;letter-spacing:1px;color:#8f5b3d;border-bottom:1px solid rgba(121,83,61,.18);padding-bottom:10px}
.doc-title{font-size:18px;font-weight:800;margin:18px 0 19px;letter-spacing:-.5px}.doc-line{height:6px;border-radius:5px;background:rgba(121,83,61,.24);margin:10px 0}.doc-line.long{width:92%}.doc-line.medium{width:70%}.doc-line.short{width:48%}
.doc-chip{position:absolute;bottom:16px;left:16px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.62);border:1px solid rgba(121,83,61,.18);font-size:8px;font-weight:800;color:#8f5b3d;box-shadow:0 0 14px rgba(196,122,68,.12)}.doc-chip.copper{color:#a4613b}.doc-chip.green{color:#6e5a43}.doc-chip.violet{color:#8a6551}
.doc-jobcenter{left:7%;top:84px;transform:rotateY(17deg) rotateZ(-9deg);animation:floatDocA 5.2s ease-in-out infinite}.doc-wohngeld{right:3%;top:54px;transform:rotateY(-19deg) rotateZ(8deg) scale(.92);animation:floatDocB 6s ease-in-out infinite}.doc-bafoeg{left:19%;bottom:28px;transform:rotateY(20deg) rotateZ(6deg) scale(.78);opacity:.88;animation:floatDocC 6.8s ease-in-out infinite}.doc-kindergeld{right:17%;bottom:16px;transform:rotateY(-24deg) rotateZ(-7deg) scale(.76);opacity:.9;animation:floatDocD 5.8s ease-in-out infinite}
.lotse-core{position:absolute;width:154px;height:154px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#5f3525,#17110e 68%);border:1px solid #c47a44;box-shadow:0 0 30px rgba(196,122,68,.28),0 25px 65px rgba(0,0,0,.45),inset 0 0 28px rgba(196,122,68,.13);z-index:5;animation:coreFloat 4.5s ease-in-out infinite}
.core-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#8f4c34,#d49a72);color:#160d09;font-size:25px;box-shadow:0 0 24px rgba(208,138,99,.34);margin-bottom:9px}.lotse-core span{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#f7ede7}.lotse-core small{font-size:7px;color:#b58f7c;margin-top:4px}
.core-orbit{position:absolute;inset:-20px;border:1px solid rgba(196,122,68,.22);border-radius:50%;transform:rotateX(72deg);animation:spinRing 8s linear infinite}.core-orbit-2{inset:-34px;transform:rotateY(67deg) rotateZ(20deg);animation:spinRingReverse 11s linear infinite;border-color:rgba(143,79,43,.18)}
.hero-status{position:absolute;z-index:8;padding:9px 12px;border-radius:12px;border:1px solid rgba(208,138,99,.22);background:rgba(196,122,68,.72);backdrop-filter:blur(15px);box-shadow:0 12px 30px rgba(0,0,0,.25),0 0 20px rgba(184,101,69,.09);font-size:9px;font-weight:800;color:#f0e5df}.hero-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8ed1a8;box-shadow:0 0 10px #8ed1a8;margin-right:7px}.status-one{right:4%;top:20px}.status-two{left:1%;bottom:42px}.status-two i{background:#d18a61;box-shadow:0 0 10px #d18a61}
@keyframes floatDocA{50%{transform:rotateY(17deg) rotateZ(-9deg) translate3d(-5px,-13px,25px)}}@keyframes floatDocB{50%{transform:rotateY(-19deg) rotateZ(8deg) scale(.92) translate3d(5px,12px,18px)}}@keyframes floatDocC{50%{transform:rotateY(20deg) rotateZ(6deg) scale(.78) translate3d(-7px,10px,15px)}}@keyframes floatDocD{50%{transform:rotateY(-24deg) rotateZ(-7deg) scale(.76) translate3d(7px,-9px,20px)}}
@keyframes coreFloat{50%{transform:translateY(-9px) scale(1.025)}}@keyframes corePulse{50%{transform:scale(1.08);opacity:.85}}@keyframes spinRing{to{transform:rotateX(67deg) rotateZ(342deg)}}@keyframes spinRingReverse{to{transform:rotateY(67deg) rotateZ(-338deg)}}

.section-heading{margin-bottom:42px}.section-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;margin:10px 0 12px}.section-heading p{color:var(--muted);max-width:650px;line-height:1.7}
.demo-stage{min-height:460px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(196,122,68,.7),rgba(196,122,68,.5));border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:55px;box-shadow:var(--shadow);position:relative;overflow:hidden}.demo-stage:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(143,79,43,.13);filter:blur(70px);left:-180px;top:-200px}
.document{width:260px;height:330px;background:#f8f2ee;border-radius:9px;color:#241912;box-shadow:0 25px 55px rgba(0,0,0,.3);padding:22px;transform:rotate(-5deg);position:relative;z-index:2}.doc-top{display:flex;justify-content:space-between;font-size:8px;font-weight:800;color:#704532;border-bottom:1px solid #d9c6ba;padding-bottom:12px}.doc-lines{padding-top:25px;display:grid;gap:14px}.doc-lines i{height:7px;border-radius:5px;background:#cbb8ad;display:block}.doc-lines i.short{width:58%}.doc-lines i.medium{width:77%}.doc-stamp{position:absolute;right:22px;bottom:25px;border:2px solid #b96846;color:#b96846;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;text-align:center;font-weight:800;font-size:13px;transform:rotate(-14deg)}.doc-stamp small{font-size:7px;margin-top:-18px}.scan-line{position:absolute;left:70px;top:95px;width:255px;height:2px;background:#d49a72;box-shadow:0 0 20px #d49a72;z-index:3;animation:scan 3.4s infinite}@keyframes scan{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(260px);opacity:1}}
.analysis-card{border:1px solid rgba(196,122,68,.2);background:rgba(196,122,68,.8);backdrop-filter:blur(20px);border-radius:22px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.28);z-index:4}.analysis-head{display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#8ed1a8;box-shadow:0 0 12px #8ed1a8}.mini-ai{margin-left:auto;border:1px solid #c47a44;color:#d08a63;padding:4px 6px;border-radius:6px;font-size:8px}.analysis-section{margin:22px 0}.analysis-section small,.analysis-grid small,.missing small{font-size:8px;color:#a58f82;letter-spacing:1.1px}.analysis-section p{font-size:13px;line-height:1.55;color:#d7ccc6}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;gap:10px}.analysis-grid strong{display:block;margin-top:6px;font-size:12px}.missing{display:grid;gap:8px;padding:17px 0}.missing-item,.done-item{font-size:11px;color:#ffc0c0}.done-item{color:#79edbd}.full{width:100%}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(196,122,68,.52),rgba(196,122,68,.55));padding:25px;border-radius:20px;min-height:190px;transition:.25s transform,.25s border-color}.feature-card:hover{transform:translateY(-5px);border-color:rgba(196,122,68,.4)}.feature-card .icon{color:#c47a44;font-size:23px}.feature-card h3{font-size:16px;margin:20px 0 8px}.feature-card p{font-size:12px;line-height:1.65;color:#aa968a}
.area-cloud{display:flex;flex-wrap:wrap;gap:12px}.area-cloud span{padding:14px 18px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.025);color:#d3c5bd;font-size:12px;box-shadow:inset 0 0 20px rgba(196,122,68,.03)}.area-cloud span:nth-child(3n){border-color:rgba(196,122,68,.3);box-shadow:0 0 22px rgba(196,122,68,.07)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:25px 20px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step>b{color:#9b5a32;font-size:10px}.step>span{display:block;color:#c47a44;font-size:28px;margin:22px 0}.step h3{font-size:15px}.step p{font-size:11px;line-height:1.6;color:#a89487}
.security-panel{border:1px solid rgba(196,122,68,.2);background:linear-gradient(120deg,rgba(196,122,68,.8),rgba(196,122,68,.65));border-radius:28px;padding:42px;display:flex;gap:28px;align-items:center}.shield{width:75px;height:85px;flex:none;display:grid;place-items:center;border:1px solid #c47a44;border-radius:30px 30px 40px 40px;color:#d08a63;font-size:34px;box-shadow:0 0 35px rgba(196,122,68,.15)}.security-panel p{color:#ad998d;line-height:1.7;font-size:13px;max-width:760px}
.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;font-size:14px}.faq details p{color:#aa968a;font-size:12px;line-height:1.7;max-width:800px}
.cta{text-align:center;position:relative}.cta h2{font-size:clamp(40px,5vw,65px);letter-spacing:-3px;margin:13px 0}.cta p{color:#a89487;font-size:13px;margin-bottom:25px}.cta-glow{position:absolute;width:430px;height:180px;left:50%;transform:translateX(-50%);top:85px;background:#8f4f2b;filter:blur(100px);opacity:.12;z-index:-1}
.footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:35px 28px 50px;display:flex;justify-content:space-between;gap:20px}.footer-brand p{font-size:10px;color:#9b5a32;margin-top:16px}.footer-links{display:flex;gap:20px}.footer-links button{border:0;background:none;color:#9c887b;font-size:10px}.footer-links button:hover{color:#fff}
.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(196,122,68,.76);backdrop-filter:blur(10px)}.modal-box{position:relative;width:min(680px,calc(100% - 30px));max-height:80vh;overflow:auto;margin:10vh auto;background:#17110e;border:1px solid rgba(196,122,68,.25);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:rgba(255,255,255,.06);color:#fff;border-radius:50%;width:34px;height:34px;font-size:22px}.modal-box h2{margin-top:0}.modal-box p,.modal-box li{color:#ad998d;line-height:1.7;font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#f1e4dc;color:#17110e;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:700;transition:.3s;z-index:70}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:850px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:430px;transform:scale(.92)}.doc-jobcenter{left:1%}.doc-wohngeld{right:-1%}.status-one{right:0}.status-two{left:0}.demo-stage{grid-template-columns:1fr;padding:35px;justify-items:center}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){.hero-visual{height:390px;transform:scale(.72);transform-origin:center}.nav{padding:0 15px;height:72px}.nav .btn-ghost{display:none}.language{padding:0 5px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-sub{font-size:14px}.trust-row{flex-wrap:wrap;gap:9px}.section{padding:75px 18px}.feature-grid,.steps{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.demo-stage{padding:22px;gap:35px}.document{width:215px;height:275px}.scan-line{left:25px;width:215px}.analysis-card{width:100%}.security-panel{padding:28px;display:block}.shield{margin-bottom:20px}.footer{padding:30px 18px;display:block}.footer-links{margin-top:25px;flex-wrap:wrap}.hero-buttons{flex-wrap:wrap}}

/* ===== REAL AI DOCUMENT ANALYSIS MVP ===== */
.ai-upload{position:relative}
.ai-upload-card{display:grid;grid-template-columns:1fr 340px;gap:20px;max-width:1000px;margin:0 auto}
.upload-drop{min-height:280px;border:1px dashed rgba(196,122,68,.38);border-radius:28px;background:linear-gradient(145deg,rgba(196,122,68,.66),rgba(196,122,68,.58));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.18);transition:.25s}
.upload-drop.dragover{border-color:#d08a63;background:rgba(184,101,69,.10);transform:translateY(-2px)}
.upload-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:30px;color:#e2b18f;background:rgba(184,101,69,.08);border:1px solid rgba(208,138,99,.20);box-shadow:0 0 30px rgba(184,101,69,.08);margin-bottom:14px}
.upload-drop h3{margin:0 0 7px;font-size:21px}.upload-drop p{margin:0 0 18px;color:rgba(234,223,215,.66);font-size:13px}.upload-drop small{display:block;margin-top:13px;color:rgba(234,223,215,.42);font-size:10px;max-width:440px}
.ai-preview{border-radius:24px;padding:14px;background:rgba(196,122,68,.72);border:1px solid rgba(196,122,68,.18);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.upload-progress{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(196,122,68,.78);border:1px solid rgba(196,122,68,.16)}.upload-progress-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:rgba(225,242,250,.72)}.upload-progress-top strong{color:#d08a63}.upload-progress-track{height:7px;margin-top:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.upload-progress-bar{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#c47a44,#9a765f);box-shadow:0 0 16px rgba(196,122,68,.35);transition:width .18s ease}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.preview-item{position:relative;overflow:hidden;border-radius:17px;background:#0d0b0a;border:1px solid rgba(196,122,68,.16);aspect-ratio:3/4}.preview-item img{width:100%;height:100%;object-fit:cover;display:block}.preview-item .preview-index{position:absolute;left:8px;top:8px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(196,122,68,.82);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.preview-item .preview-remove{position:absolute;right:7px;top:7px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(196,122,68,.86);color:#fff;cursor:pointer;font-size:16px;line-height:1}.preview-more{display:flex;align-items:center;justify-content:center;min-height:100%;padding:12px;text-align:center;color:rgba(234,223,215,.7);font-size:12px}.preview-meta{display:flex;justify-content:space-between;gap:10px;margin:12px 2px;color:#eadfd7;font-size:11px}.preview-meta span{color:rgba(234,223,215,.5)}
.preview-pdf{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;background:linear-gradient(145deg,rgba(46,28,21,.9),rgba(13,10,8,.96))}.preview-pdf .pdf-mark{display:grid;place-items:center;width:58px;height:68px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(208,138,99,.20);color:#d08a63;font-weight:900;letter-spacing:.08em}.preview-pdf strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4e8e0;font-size:11px}.preview-pdf small{color:rgba(234,223,215,.55);font-size:10px}
.ai-loading,.ai-error{max-width:1000px;margin:20px auto;padding:18px 20px;border-radius:18px;border:1px solid rgba(196,122,68,.18);background:rgba(196,122,68,.72);display:flex;align-items:center;gap:14px}.loading-orb{width:26px;height:26px;border-radius:50%;border:2px solid rgba(196,122,68,.22);border-top-color:#d08a63;animation:aiSpin .8s linear infinite;box-shadow:0 0 20px rgba(196,122,68,.18)}.ai-loading p{margin:4px 0 0;color:rgba(234,223,215,.58);font-size:11px}.ai-error{color:#ffd0d0;border-color:rgba(255,103,126,.22)}
.ai-results{max-width:1100px;margin:26px auto 0}.result-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:26px;border-radius:24px;background:linear-gradient(145deg,rgba(196,122,68,.80),rgba(196,122,68,.72));border:1px solid rgba(196,122,68,.18);box-shadow:0 25px 70px rgba(0,0,0,.2)}.result-kicker{font-size:9px;letter-spacing:.17em;color:#d08a63}.result-top h3{margin:6px 0 4px;font-size:25px}.result-top p{margin:0;color:rgba(224,241,248,.65)}.result-area{padding:9px 12px;border-radius:999px;color:#e0c8b9;background:rgba(196,122,68,.08);border:1px solid rgba(196,122,68,.2);font-size:10px;white-space:nowrap}
.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.result-panel{padding:20px;border-radius:19px;background:rgba(196,122,68,.62);border:1px solid rgba(208,138,99,.10)}.result-wide{grid-column:1/-1}.result-panel small{color:#d08a63;font-size:9px;letter-spacing:.13em}.result-panel p{color:rgba(231,244,249,.82);line-height:1.55;font-size:13px;margin:9px 0 0}.result-panel em{display:block;color:rgba(231,244,249,.48);font-size:10px;margin-top:6px}.result-panel ul,.result-panel ol{margin:9px 0 0;padding-left:19px;color:rgba(231,244,249,.76);font-size:12px;line-height:1.65}.result-panel li::marker{color:#9b5a32}
.legal-result-box{margin-top:16px;padding:22px;border-radius:23px;background:linear-gradient(145deg,rgba(196,122,68,.78),rgba(12,9,7,.72));border:1px solid rgba(208,138,99,.16)}.legal-result-head{display:flex;gap:13px;align-items:flex-start}.legal-result-head>span{font-size:23px;color:#e0b08d}.legal-result-head strong{font-size:15px}.legal-result-head p{margin:4px 0 0;color:rgba(224,241,248,.58);font-size:11px;line-height:1.45}.legal-result-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.live-law{padding:16px;border-radius:16px;background:rgba(16,11,9,.45);border:1px solid rgba(208,138,99,.12)}.live-law .law-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.live-law .law-head b{color:#e0b08d;font-size:12px}.law-status{font-size:8px;padding:4px 7px;border-radius:8px;background:rgba(184,101,69,.08);color:#e2b08d}.live-law h4{margin:9px 0 6px;font-size:14px}.live-law p{margin:0;color:rgba(239,227,219,.64);font-size:11px;line-height:1.5}.live-law .why{margin-top:9px;color:rgba(225,210,201,.48);font-size:10px}.uncertainty-box,.result-disclaimer{margin-top:13px;padding:15px 18px;border-radius:16px}.uncertainty-box{background:rgba(214,154,115,.05);border:1px solid rgba(214,154,115,.13)}.uncertainty-box strong{color:#ffe29a;font-size:11px}.uncertainty-box ul{margin:6px 0 0;padding-left:17px;color:rgba(248,231,219,.58);font-size:10px}.result-disclaimer{color:rgba(231,218,210,.55);background:rgba(12,9,7,.60);border:1px solid rgba(208,138,99,.08);font-size:10px;line-height:1.5}
@keyframes aiSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.ai-upload-card{grid-template-columns:1fr}.result-grid,.legal-result-list{grid-template-columns:1fr}.result-wide{grid-column:auto}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.form-assistant{margin-top:16px;padding:24px;border-radius:24px;background:linear-gradient(145deg,rgba(43,27,20,.82),rgba(12,9,7,.80));border:1px solid rgba(208,138,99,.18);box-shadow:0 25px 70px rgba(0,0,0,.18)}.form-assistant-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.form-assistant-head h3{margin:5px 0 5px;font-size:23px}.form-assistant-head p{margin:0;color:rgba(239,227,219,.62);font-size:11px;line-height:1.5}.form-badge{padding:8px 11px;border-radius:999px;background:rgba(184,101,69,.08);border:1px solid rgba(208,138,99,.16);color:#e0c8b9;font-size:9px;white-space:nowrap}.form-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.form-summary>div{padding:13px;border-radius:15px;background:rgba(196,122,68,.45);border:1px solid rgba(208,138,99,.10)}.form-summary b{display:block;font-size:20px;color:#f6ece7}.form-summary span{display:block;margin-top:3px;color:rgba(231,218,210,.50);font-size:9px}.form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.form-field-card{padding:17px;border-radius:18px;background:rgba(20,13,10,.55);border:1px solid rgba(208,138,99,.10)}.form-field-top{display:flex;gap:10px;align-items:center}.field-number{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(196,122,68,.1);color:#e2b18f;font-weight:800;font-size:11px}.form-field-top h4{margin:0;font-size:14px}.field-type{display:block;margin-top:3px;color:rgba(231,218,210,.40);font-size:9px;text-transform:uppercase}.field-explain{margin-top:13px}.field-explain strong{color:#d49a72;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.field-explain p{margin:5px 0 0;color:rgba(239,227,219,.75);font-size:11px;line-height:1.5}.field-suggestion{margin-top:13px;padding:12px;border-radius:13px;background:rgba(83,137,101,.06);border:1px solid rgba(111,165,128,.14)}.field-suggestion span{display:block;color:#e0b08d;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.field-suggestion strong{display:block;margin-top:5px;color:#f4eee8;font-size:13px;word-break:break-word}.field-suggestion small{display:block;margin-top:5px;color:rgba(224,200,185,.45);font-size:9px}.field-missing{margin-top:13px;padding:11px;border-radius:13px;background:rgba(214,154,115,.05);border:1px solid rgba(214,154,115,.13);color:#ffe4a3;font-size:10px}.field-caution{margin-top:10px;color:#ffdca0;font-size:9px;line-height:1.4}.form-check{margin-top:14px;padding:15px;border-radius:16px;background:rgba(214,154,115,.04);border:1px solid rgba(214,154,115,.13)}.form-check strong{color:#ffe29a;font-size:11px}.form-check p{margin:5px 0 0;color:rgba(248,231,219,.62);font-size:10px;line-height:1.5}.form-check ul{margin:7px 0 0;padding-left:17px;color:rgba(248,231,219,.62);font-size:10px;line-height:1.5}.form-note{margin-top:12px;color:rgba(225,210,201,.48);font-size:9px;line-height:1.5}
@media(max-width:850px){.form-fields{grid-template-columns:1fr}.form-summary{grid-template-columns:repeat(2,1fr)}.form-assistant-head{flex-direction:column}.form-badge{align-self:flex-start}}


/* v7 owner/about/pricing */
.about-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.about-card,.price-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(196,122,68,.58);box-shadow:0 18px 50px rgba(0,0,0,.18)}.about-card .icon{font-size:26px}.about-card h3,.price-card h3{margin:14px 0 8px}.about-card p,.price-card li{color:rgba(235,242,255,.72);line-height:1.65}.price-card.featured{transform:translateY(-8px);border-color:rgba(196,122,68,.45)}.price-badge{font-size:11px;letter-spacing:.16em;font-weight:800;opacity:.7}.price{font-size:34px;font-weight:800;margin:12px 0 18px}.price small{font-size:14px;font-weight:500;opacity:.65}.price-card ul{padding-left:20px;min-height:190px}.single-packs{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px;padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.single-packs span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06)}.single-packs em{opacity:.55;font-size:12px}.footer-owner{font-size:12px;opacity:.62;margin-bottom:7px}.footer-links{flex-wrap:wrap}@media(max-width:800px){.about-grid,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.price-card ul{min-height:0}}

/* Amtslotse v8 */
.free-launch-section,.feedback-section{padding:56px 20px}
.free-launch-card,.feedback-card{max-width:900px;margin:0 auto;padding:34px;border:1px solid rgba(196,122,68,.25);border-radius:24px;background:rgba(196,122,68,.72);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.free-launch-badge,.feedback-badge{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.08em;margin-bottom:14px;color:#c47a55}
.free-launch-card h2,.feedback-card h2{margin:0 0 12px}
.free-launch-card p,.feedback-card p{line-height:1.65}
.free-launch-note{margin-top:20px;padding:16px;border-radius:14px;background:rgba(255,255,255,.06);line-height:1.55}
.star-rating{display:flex;gap:6px;margin:22px 0 8px}
.star{background:none;border:0;font-size:2.4rem;line-height:1;cursor:pointer;color:#9b5a32;padding:2px}
.star.selected{color:#ffd35a}
.star:focus{outline:2px solid #c47a55;border-radius:8px}
.rating-label{min-height:24px;margin-bottom:18px}
.feedback-options{display:grid;gap:10px;margin:18px 0}
.feedback-options label{display:flex;gap:10px;align-items:center}
.feedback-card textarea{width:100%;min-height:120px;resize:vertical;border-radius:14px;padding:14px;background:rgba(255,255,255,.06);color:inherit;border:1px solid rgba(255,255,255,.14);box-sizing:border-box}
.feedback-status{margin-top:14px;min-height:24px}

/* Amtslotse v8 compact/dynamic navigation */
html{scroll-behavior:smooth;scroll-padding-top:86px}
.amtslotse-topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:20px;min-height:64px;padding:8px clamp(16px,4vw,48px);box-sizing:border-box;background:rgba(196,122,68,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}
.brand-mini{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:900;font-size:1.05rem;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(196,122,68,.14);font-size:18px}
.top-links{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}
.top-links a,.creator-chip{color:#e0c8b9;text-decoration:none;padding:9px 12px;border-radius:10px;font-size:.9rem;transition:.2s}
.top-links a:hover,.creator-chip:hover{background:rgba(255,255,255,.08);color:#fff}
.creator-chip{border:1px solid rgba(196,122,68,.3);white-space:nowrap}
.quick-dashboard{max-width:1180px;margin:0 auto;padding:44px clamp(18px,4vw,48px) 22px}
.quick-head{display:flex;align-items:center;justify-content:space-between;gap:28px}
.quick-head h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:7px 0 10px}
.quick-head p{margin:0;max-width:650px;opacity:.78;font-size:1.05rem}
.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.12em;color:#c47a55}
.quick-primary{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:13px;background:#c47a55;color:#9b5a32;text-decoration:none;font-weight:900;white-space:nowrap}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.quick-card{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);text-decoration:none;color:inherit;min-height:92px;transition:transform .2s,border-color .2s,background .2s}
.quick-card:hover{transform:translateY(-3px);border-color:rgba(196,122,68,.45);background:rgba(196,122,68,.06)}
.quick-card strong{font-size:1rem}
.quick-card span{font-size:.86rem;line-height:1.45;opacity:.7}
.mobile-menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.5rem;margin-left:auto;cursor:pointer}
@media(max-width:850px){
 .amtslotse-topbar{flex-wrap:wrap}
 .top-links{order:4;display:none;width:100%;flex-basis:100%;padding:8px 0 4px}
 .menu-open .top-links{display:grid;grid-template-columns:1fr 1fr}
 .mobile-menu-btn{display:block}
 .quick-head{align-items:flex-start;flex-direction:column}
 .quick-primary{width:100%}
 .quick-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .creator-chip{font-size:.8rem;padding:8px}
 .quick-dashboard{padding-top:30px}
 .quick-grid{grid-template-columns:1fr}
 .quick-card{min-height:auto}
}

/* Amtslotse: Analyse-Fortschritt */
.analysis-progress-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(196,122,68,.78);backdrop-filter:blur(12px)}
.analysis-progress-overlay[hidden]{display:none}
.analysis-progress-card{width:min(520px,100%);padding:34px 28px;text-align:center;border:1px solid rgba(196,122,68,.25);border-radius:28px;background:rgba(196,122,68,.96);box-shadow:0 30px 90px rgba(0,0,0,.4)}
.analysis-progress-orbit{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;font-size:30px;background:rgba(196,122,68,.1);border:1px solid rgba(196,122,68,.3);animation:amtslotsePulse 1.7s ease-in-out infinite}
.analysis-progress-kicker{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#c47a55}
.analysis-progress-card h3{margin:8px 0 2px;font-size:1.2rem}
.analysis-progress-percent{font-size:2.8rem;font-weight:900;margin:12px 0 14px}
.analysis-progress-track{height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1)}
.analysis-progress-bar{height:100%;width:0%;border-radius:999px;background:#c47a55;transition:width .45s ease}
.analysis-progress-stage{margin-top:13px;font-weight:700}
.analysis-progress-hint{margin-top:10px;font-size:.82rem;line-height:1.45;opacity:.62}
@keyframes amtslotsePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

.quick-card{font:inherit;text-align:left;cursor:pointer;width:100%}
.quick-card:focus{outline:2px solid #c47a55;outline-offset:2px}

/* Amtslotse v9 – kostenlos + funktionierendes Bewertungssystem */
.free-only-badge{max-width:1180px;margin:10px auto 0;padding:10px 18px;text-align:center;font-size:.78rem;font-weight:900;letter-spacing:.06em;color:#c47a55}
.rating-question{font-weight:800;margin-top:20px}
.feedback-label,.feedback-options-title{display:block;font-weight:800;margin:20px 0 8px}
.feedback-options{display:grid;gap:10px;margin:10px 0 18px}
.feedback-options label{display:flex;align-items:center;gap:10px}
.star-rating{display:flex;gap:6px;margin:12px 0 4px}
.star{background:transparent;border:0;color:#aa968a;font-size:2.6rem;line-height:1;padding:2px;cursor:pointer}
.star.selected{color:#ffd35a}
.star:focus{outline:2px solid #c47a55;border-radius:8px}
#feedbackComment{width:100%;min-height:130px;box-sizing:border-box;padding:14px;border-radius:14px;resize:vertical;background:rgba(255,255,255,.06);color:inherit;border:1px solid rgba(255,255,255,.14)}
#sendFeedback:disabled{opacity:.6;cursor:wait}
.feedback-status{min-height:25px;margin-top:12px;font-weight:700}

.compact-info-section{padding:36px 20px}
.compact-info-card{max-width:900px;margin:auto;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.035)}

/* Amtslotse v11 – interactive touch & navigation effects */
html{scroll-behavior:smooth}
.amtslotse-topbar a,.desktop-nav a,.quick-card,.btn,.primary-button,.secondary-button,.star,.footer-links button,.creator-chip,.area-card,.feature-card,.step{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
.amtslotse-topbar a,.desktop-nav a,.footer-links button{transition:color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease}
.amtslotse-topbar a:active,.desktop-nav a:active,.footer-links button:active{transform:scale(.96)}
.quick-card,.area-card,.feature-card,.step{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease}
.quick-card:hover,.area-card:hover,.feature-card:hover,.step:hover{box-shadow:0 16px 45px rgba(196,122,68,.10)}
.quick-card:active,.area-card:active,.feature-card:active,.step:active{transform:translateY(-2px) scale(.985)}
.btn,.primary-button,.secondary-button{transition:transform .25s ease,box-shadow .3s ease,filter .25s ease}
.btn:active,.primary-button:active,.secondary-button:active{transform:scale(.97)}
.ripple-effect{position:absolute!important;border-radius:50%;pointer-events:none;transform:scale(0);background:rgba(196,122,68,.32);animation:amtsRipple .65s ease-out forwards;z-index:5}
@keyframes amtsRipple{to{transform:scale(4);opacity:0}}
.tap-glow{animation:amtsTapGlow .55s ease-out}
@keyframes amtsTapGlow{0%{box-shadow:0 0 0 rgba(196,122,68,0)}45%{box-shadow:0 0 32px rgba(196,122,68,.28)}100%{box-shadow:0 0 0 rgba(196,122,68,0)}}
.nav-active{color:#fff!important;text-shadow:0 0 18px rgba(196,122,68,.45)}
.brand-mini{transition:transform .3s ease,filter .3s ease}
.brand-mini:active{transform:scale(.94) rotate(-2deg);filter:drop-shadow(0 0 12px rgba(196,122,68,.55))}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ripple-effect,.tap-glow{animation:none!important}.quick-card,.area-card,.feature-card,.step,.btn,.primary-button,.secondary-button{transition:none!important}}

/* Amtslotse v13 – hilfreiche Tipps während der Analyse */
.analysis-tip{margin-top:20px;padding:16px 16px 15px;text-align:left;border:1px solid rgba(196,122,68,.20);border-radius:18px;background:linear-gradient(135deg,rgba(196,122,68,.08),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);min-height:92px;transition:opacity .35s ease,transform .35s ease}
.analysis-tip.changing{opacity:0;transform:translateY(5px)}
.analysis-tip-label{font-size:.68rem;font-weight:900;letter-spacing:.13em;color:#c47a55;margin-bottom:6px}
.analysis-tip-title{font-weight:900;font-size:.98rem;line-height:1.3}
.analysis-tip-text{margin-top:5px;font-size:.82rem;line-height:1.45;opacity:.72}
@media(max-width:520px){.analysis-tip{padding:14px}.analysis-tip-title{font-size:.94rem}.analysis-tip-text{font-size:.79rem}}

/* Amtslotse v14 – clearer, always-visible feedback controls */
.feedback-card input,
.feedback-card textarea,
.feedback-card button{opacity:1}
.feedback-options label,
.feedback-consent{color:#eee4df;opacity:1;text-shadow:none}
.feedback-options label{padding:11px 12px;border:1px solid rgba(196,122,68,.14);border-radius:12px;background:rgba(255,255,255,.045);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.feedback-options label:hover{background:rgba(196,122,68,.08);border-color:rgba(196,122,68,.35)}
.feedback-options input[type="checkbox"],
.feedback-consent input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin:0;accent-color:#c47a55;opacity:1;filter:none;cursor:pointer}
.feedback-consent{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:14px 15px;border:1px solid rgba(196,122,68,.16);border-radius:14px;background:rgba(255,255,255,.045);line-height:1.5}
.star-rating{gap:9px;margin:14px 0 6px}
.star{color:#eadfd7!important;text-shadow:0 0 8px rgba(196,122,68,.16);font-weight:800;opacity:1!important;visibility:visible!important}
.star.selected{color:#ffd35a!important;text-shadow:0 0 14px rgba(255,211,90,.32)}
#feedbackComment{background:rgba(196,122,68,.88)!important;color:#f4eee8!important;border-color:rgba(196,122,68,.24)!important;opacity:1!important}
#feedbackComment::placeholder{color:rgba(234,223,215,.68)!important;opacity:1!important}
#feedbackScore{min-width:150px;text-align:right}
.feedback-score strong{display:block;color:#fff;font-size:1.2rem}
.feedback-score span{display:block;color:rgba(239,227,219,.62);font-size:.75rem;margin-top:3px}
.public-feedback-list{display:grid;gap:12px;margin-top:20px}
.public-feedback-item{padding:16px 17px;border-radius:16px;border:1px solid rgba(196,122,68,.14);background:rgba(255,255,255,.035)}
.public-feedback-stars{font-size:1.15rem;letter-spacing:2px;color:#ffd35a;text-shadow:0 0 12px rgba(255,211,90,.18)}
.public-feedback-comment{margin:9px 0 0;color:#eee4df;font-size:.92rem;line-height:1.55}
.public-feedback-date{margin-top:8px;color:rgba(224,241,248,.42);font-size:.7rem}
.feedback-empty{padding:16px;color:rgba(224,241,248,.65);border:1px dashed rgba(196,122,68,.16);border-radius:14px}
@media(max-width:520px){
  .feedback-card{padding:24px 18px}
  .star{font-size:2.9rem}
  .feedback-consent{font-size:.82rem}
  #feedbackScore{min-width:0;text-align:left;margin-top:12px}
  .public-feedback-head{display:block!important}
}

/* v14 – slower, calmer analysis tips */
.analysis-tip{transition:opacity .7s ease,transform .7s ease}
.analysis-tip.changing{opacity:0;transform:translateY(7px)}

/* v15 – Feedback controls are deliberately high-contrast and always visible on mobile */
.feedback-card .star{
  -webkit-appearance:none;
  appearance:none;
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  min-width:48px;
  padding:0;
  margin:0;
  border:1px solid rgba(208,138,99,.18);
  border-radius:14px;
  background:rgba(255,255,255,.055);
  color:#f4ebe5 !important;
  -webkit-text-fill-color:#f4ebe5;
  font-family:Arial, sans-serif;
  font-size:2.05rem;
  line-height:1;
  font-weight:700;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 0 10px rgba(196,122,68,.22);
}
.feedback-card .star.selected{
  color:#ffd35a !important;
  -webkit-text-fill-color:#ffd35a;
  background:rgba(255,211,90,.09);
  border-color:rgba(255,211,90,.28);
  text-shadow:0 0 14px rgba(255,211,90,.42);
}
.feedback-card .star:focus-visible{outline:3px solid rgba(196,122,68,.72);outline-offset:2px}
.feedback-card .feedback-options input[type="checkbox"],
.feedback-card .feedback-consent input[type="checkbox"]{
  -webkit-appearance:none;
  appearance:none;
  position:relative;
  flex:0 0 22px;
  width:22px;
  height:22px;
  min-width:22px;
  min-height:22px;
  margin:0;
  padding:0;
  border:2px solid #cbb9ae;
  border-radius:6px;
  background:#f4eee8;
  box-shadow:0 0 0 1px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.18);
  opacity:1 !important;
  visibility:visible !important;
  filter:none;
  cursor:pointer;
}
.feedback-card .feedback-options input[type="checkbox"]:checked,
.feedback-card .feedback-consent input[type="checkbox"]:checked{
  background:#c47a55;
  border-color:#c47a55;
}
.feedback-card .feedback-options input[type="checkbox"]:checked::after,
.feedback-card .feedback-consent input[type="checkbox"]:checked::after{
  content:"✓";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-56%);
  color:#17110e;
  font-size:16px;
  font-weight:900;
  line-height:1;
}
.feedback-card .feedback-options label,
.feedback-card .feedback-consent{
  -webkit-tap-highlight-color:transparent;
}
.feedback-card .feedback-options label:has(input:checked),
.feedback-card .feedback-consent:has(input:checked){
  border-color:rgba(196,122,68,.42);
  background:rgba(196,122,68,.075);
}
@media(max-width:520px){
  .feedback-card .star{width:46px;height:46px;min-width:46px;font-size:1.95rem}
  .feedback-card .feedback-options label{font-size:.9rem}
}

/* ===== Amtslotse v16 – Web-/Handy-Ansicht ===== */
.view-settings-btn{border:1px solid rgba(196,122,68,.22);background:rgba(255,255,255,.045);color:#e0c8b9;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:700;cursor:pointer;transition:.22s ease;white-space:nowrap}
.view-settings-btn:hover{transform:translateY(-2px);border-color:rgba(196,122,68,.55);box-shadow:0 0 22px rgba(196,122,68,.12)}
.view-choice-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.view-choice-modal[hidden]{display:none}
.view-choice-modal.open{opacity:1;pointer-events:auto}
.view-choice-backdrop{position:absolute;inset:0;background:rgba(196,122,68,.78);backdrop-filter:blur(14px)}
.view-choice-box{position:relative;width:min(760px,100%);padding:34px;border:1px solid rgba(196,122,68,.25);border-radius:28px;background:linear-gradient(145deg,rgba(196,122,68,.97),rgba(196,122,68,.98));box-shadow:0 35px 100px rgba(0,0,0,.5),0 0 55px rgba(196,122,68,.08);transform:translateY(12px) scale(.98);transition:.2s ease}
.view-choice-modal.open .view-choice-box{transform:none}
.view-choice-close{position:absolute;right:14px;top:13px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:23px;cursor:pointer}
.view-choice-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#713a29,#c87952);box-shadow:0 0 30px rgba(196,122,68,.2);margin-bottom:18px}
.view-choice-box h2{font-size:clamp(28px,5vw,42px);letter-spacing:-1.8px;margin:10px 0 8px}.view-choice-box>p{color:#ad998d;font-size:13px;line-height:1.65;max-width:650px}
.view-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.view-choice-card{position:relative;text-align:left;min-height:180px;padding:22px;border:1px solid rgba(196,122,68,.16);border-radius:20px;background:rgba(255,255,255,.035);color:#f4eee8;cursor:pointer;transition:.25s ease;overflow:hidden}
.view-choice-card:after{content:"";position:absolute;inset:-60%;background:radial-gradient(circle,rgba(196,122,68,.14),transparent 45%);opacity:0;transition:.25s ease}.view-choice-card:hover,.view-choice-card:focus-visible{transform:translateY(-4px);border-color:rgba(196,122,68,.5);box-shadow:0 18px 50px rgba(0,0,0,.22),0 0 30px rgba(196,122,68,.09);outline:none}.view-choice-card:hover:after,.view-choice-card:focus-visible:after{opacity:1}
.choice-emoji{position:relative;z-index:1;display:block;font-size:31px;margin-bottom:17px}.view-choice-card strong,.view-choice-card small{position:relative;z-index:1;display:block}.view-choice-card strong{font-size:17px;margin-bottom:7px}.view-choice-card small{color:#9b5a32;font-size:11px;line-height:1.6}.choice-recommended{position:relative;z-index:1;display:none;margin-top:13px;width:max-content;padding:5px 8px;border-radius:999px;background:rgba(196,122,68,.1);border:1px solid rgba(196,122,68,.24);color:#d08a63;font-size:9px;font-weight:800}.choice-recommended.show{display:inline-block}
/* The selected mobile mode intentionally prioritizes thumb-friendly controls. */
body.view-mobile .section{padding-top:82px;padding-bottom:82px}
body.view-mobile .hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}
body.view-mobile .hero h1{font-size:clamp(42px,12vw,58px);letter-spacing:-3px}
body.view-mobile .hero-sub{font-size:15px}
body.view-mobile .desktop-nav{display:none}
body.view-mobile .hero-buttons{display:grid;grid-template-columns:1fr;gap:10px}
body.view-mobile .hero-buttons .btn{width:100%;min-height:50px}
body.view-mobile .feature-grid,body.view-mobile .steps{grid-template-columns:1fr}
body.view-mobile .ai-upload-card{grid-template-columns:1fr}
body.view-mobile .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.view-mobile .result-top{display:block}
body.view-mobile .result-area{display:inline-block;margin-top:14px}
body.view-mobile .analysis-grid{grid-template-columns:1fr}
body.view-mobile .security-panel{padding:26px;display:block}
body.view-mobile .footer{display:block}
body.view-mobile .footer-links{flex-wrap:wrap}
body.view-mobile .quick-grid{grid-template-columns:1fr}
body.view-mobile .quick-primary{width:100%;text-align:center}
body.view-mobile .view-settings-btn{font-size:0;width:40px;height:40px;padding:0}.view-settings-btn::first-letter{font-size:17px}
@media(max-width:700px){.view-choice-grid{grid-template-columns:1fr}.view-choice-box{padding:27px 20px}.view-choice-card{min-height:145px}.view-settings-btn{font-size:0;width:40px;height:40px;padding:0}.view-settings-btn::first-letter{font-size:17px}}

/* v17 – visible legal information section */
.legal-info-section{padding:28px 20px 60px;max-width:1180px;margin:0 auto}
.legal-info-card{border:1px solid rgba(196,122,68,.18);background:linear-gradient(145deg,rgba(196,122,68,.88),rgba(196,122,68,.82));border-radius:28px;padding:30px;box-shadow:0 18px 60px rgba(0,0,0,.22)}
.legal-info-card h2{margin:8px 0 10px}.legal-info-card>p{max-width:760px;color:rgba(235,245,255,.72);line-height:1.65}
.legal-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.legal-info-item{appearance:none;border:1px solid rgba(196,122,68,.18);background:rgba(255,255,255,.045);color:inherit;text-align:left;border-radius:18px;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.legal-info-item:hover,.legal-info-item:focus-visible{transform:translateY(-3px);border-color:rgba(196,122,68,.55);background:rgba(196,122,68,.08);box-shadow:0 12px 32px rgba(196,122,68,.12);outline:none}
.legal-info-item span{font-size:1.45rem}.legal-info-item strong{font-size:1rem}.legal-info-item small{color:rgba(235,245,255,.62);line-height:1.45}
@media(max-width:820px){.legal-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-info-card{padding:22px}}
@media(max-width:520px){.legal-info-grid{grid-template-columns:1fr}.legal-info-section{padding-left:14px;padding-right:14px}}

/* Veya Dokument Direkt v19 – rechtliche Ersteinschätzung */
.legal-assessment-box{margin-top:18px;border:1px solid rgba(196,122,68,.28);border-radius:22px;padding:20px;background:linear-gradient(135deg,rgba(196,122,68,.96),rgba(196,122,68,.92));box-shadow:0 14px 40px rgba(0,0,0,.18)}
.legal-assessment-head{display:flex;gap:14px;align-items:flex-start}.legal-assessment-head>span{font-size:27px}.legal-assessment-head strong{font-size:18px}.legal-assessment-head p{margin:5px 0 0;color:rgba(255,255,255,.68);line-height:1.5}
.assessment-status{display:inline-flex;margin:18px 0 10px;padding:9px 13px;border-radius:999px;background:rgba(196,122,68,.12);border:1px solid rgba(196,122,68,.28);font-weight:800}.assessment-short{font-size:17px;line-height:1.55;margin:0 0 16px}.assessment-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.assessment-columns>div,.assessment-actions{padding:15px;border-radius:16px;background:rgba(255,255,255,.045)}.assessment-columns small,.assessment-actions small{font-size:11px;letter-spacing:.12em;font-weight:800;opacity:.65}.assessment-columns ul,.assessment-actions ul{margin:9px 0 0;padding-left:19px}.assessment-columns li,.assessment-actions li{margin:6px 0;line-height:1.45}.assessment-actions{margin-top:14px}
@media(max-width:700px){.assessment-columns{grid-template-columns:1fr}.legal-assessment-box{padding:16px;border-radius:18px}}

/* Veya Dokument Direkt – Kupfer Edition */
:root{
  --bg:#0b0908;
  --panel:rgba(29,23,19,.78);
  --line:rgba(214,145,101,.20);
  --copper:#c77b55;
  --copper:#e0a477;
  --text:#f7efe8;
  --muted:#bba99d;
}
body{
  background:
    radial-gradient(circle at 80% 5%,rgba(196,111,73,.16),transparent 28%),
    radial-gradient(circle at 10% 70%,rgba(145,78,50,.11),transparent 30%),
    linear-gradient(180deg,#0b0908 0%,#17110e 48%,#090807 100%) !important;
  color:var(--text);
}
.ambient-a{background:#b96543 !important}.ambient-b{background:#e0a477 !important}
.brand-mark,.view-choice-icon{
  background:linear-gradient(145deg,#8e4b35,#e0a477) !important;
  box-shadow:0 0 28px rgba(218,143,99,.28) !important;
}
.btn-primary{
  background:linear-gradient(100deg,#a85d3e,#e0a477) !important;
  color:#1a0e09 !important;
  box-shadow:0 10px 35px rgba(193,111,74,.24) !important;
}
.btn-primary:hover{box-shadow:0 14px 45px rgba(218,143,99,.36) !important}
.neon-ring{border-color:rgba(224,164,119,.30) !important;box-shadow:0 0 22px rgba(208,130,88,.10) !important}
.lotse-core{
  background:radial-gradient(circle at 35% 30%,#75402f,#170e0b 68%) !important;
  border-color:#e0a477 !important;
  box-shadow:0 0 30px rgba(218,143,99,.28),0 25px 65px rgba(0,0,0,.45),inset 0 0 28px rgba(218,143,99,.13) !important;
}
.core-icon{
  background:linear-gradient(145deg,#a85d3e,#e0a477) !important;
  color:#1a0e09 !important;
  box-shadow:0 0 24px rgba(224,164,119,.40) !important;
}
.scan-line{background:#e0a477 !important;box-shadow:0 0 20px #d58a60 !important}
.doc-stamp{border-color:#b86545 !important;color:#b86545 !important}
.cta-glow{background:#bd6d49 !important}
.modal-box{background:#1a1210 !important;border-color:rgba(224,164,119,.25) !important}
.preview-item{background:#100d0b !important;border-color:rgba(224,164,119,.18) !important}
.preview-meta{color:#e2b594 !important}
.quick-primary{background:#d38b62 !important;color:#1b100b !important}
/* Kupferne Status-/Akzentflächen */
[style*="#c47a55"],[style*="#d08a63"],[style*="#b86545"],[style*="#a85d3e"],[style*="#d69a73"]{filter:saturate(.15) sepia(.8) !important}

/* Veya Dokument Direkt v22 – warm black + copper document finder */
:root{--copper:#c47a55;--copper-light:#d69a73;--copper-deep:#713a29;--ink:#0b0908;--panel:#15100d;}
body{background:radial-gradient(circle at 82% 5%,rgba(184,101,69,.10),transparent 28%),linear-gradient(180deg,#0b0908 0%,#15100d 48%,#070605 100%);}
.document-finder{padding-top:28px;}
.finder-card{max-width:980px;margin:0 auto;padding:24px;border:1px solid rgba(208,138,99,.20);border-radius:24px;background:linear-gradient(145deg,rgba(37,23,18,.88),rgba(10,8,7,.92));box-shadow:0 25px 70px rgba(0,0,0,.28);}
.finder-search-row{display:flex;gap:12px;align-items:center;}
.finder-input-wrap{position:relative;flex:1;min-width:0;}
.finder-input-wrap input{width:100%;box-sizing:border-box;}
.finder-suggestions{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 7px);background:#090807;border:1px solid rgba(208,138,99,.28);border-radius:15px;box-shadow:0 18px 45px rgba(0,0,0,.55);padding:7px;overflow:hidden;}
.finder-suggestion{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#f2e9e3;text-align:left;padding:11px 12px;border-radius:11px;cursor:pointer;font:inherit;}
.finder-suggestion:hover,.finder-suggestion:focus{background:rgba(196,122,68,.13);outline:none;}
.finder-suggestion small{display:block;color:#9e8f87;font-size:10px;margin-top:2px;}
.finder-suggestion .finder-suggestion-icon{font-size:14px;opacity:.9;}
.finder-match{color:#dda06d;}
#documentSearchInput{flex:1;min-width:0;border:1px solid rgba(208,138,99,.24);background:rgba(7,6,5,.82);color:#f5ebe5;border-radius:14px;padding:15px 16px;font:inherit;outline:none;box-sizing:border-box;}
#documentSearchInput::placeholder{color:#9e8d83;}
#documentSearchInput:focus{border-color:rgba(214,154,115,.65);box-shadow:0 0 0 3px rgba(196,122,85,.10);}
.finder-note{margin-top:12px;color:rgba(235,221,212,.52);font-size:10px;line-height:1.5;}
.finder-results{display:grid;gap:10px;margin-top:18px;}
.finder-empty{padding:18px;border:1px dashed rgba(208,138,99,.18);border-radius:16px;color:#b9a9a0;font-size:12px;}
.finder-result{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border-radius:17px;background:rgba(255,255,255,.025);border:1px solid rgba(208,138,99,.12);}
.finder-result h4{margin:0 0 5px;font-size:14px;color:#f4e9e2;}
.finder-result p{margin:0;color:rgba(235,221,212,.56);font-size:10px;line-height:1.45;}
.finder-source{display:block;margin-top:6px;color:#d69a73;font-size:9px;text-transform:uppercase;letter-spacing:.08em;}
.finder-download{flex:0 0 auto;text-decoration:none;color:#170d09;background:linear-gradient(100deg,#b96846,#d69a73);padding:10px 13px;border-radius:11px;font-size:10px;font-weight:900;}
@media(max-width:700px){.finder-search-row{flex-direction:column;align-items:stretch}.finder-result{align-items:flex-start;flex-direction:column}.finder-download{width:100%;text-align:center;box-sizing:border-box}.document-finder{padding-top:12px;}}

/* Veya Dokument Direkt v27 – final warm palette override */
:root{
  --panel:rgba(30,20,16,.68);
  --text:#f1e9e4;
  --muted:#b8aaa2;
  --line:rgba(208,138,99,.18);
}
.ambient-a,.ambient-b{background:#8f4f2b!important}
.space-glow{background:radial-gradient(circle,rgba(196,122,68,.20),rgba(143,79,43,.10) 38%,transparent 70%)!important}
.neon-ring{border-color:rgba(196,122,68,.28)!important;box-shadow:0 0 22px rgba(196,122,68,.10)!important}
.ring-c{border-color:rgba(143,79,43,.18)!important}
.lotse-core{background:radial-gradient(circle at 35% 30%,#6a3b27,#17110e 68%)!important;border-color:#c47a44!important;box-shadow:0 0 30px rgba(196,122,68,.28),0 25px 65px rgba(0,0,0,.45),inset 0 0 28px rgba(196,122,68,.13)!important}
.core-orbit,.core-orbit-2{border-color:rgba(196,122,68,.22)!important}
.hero-status,.analysis-card,.security-panel,.demo-stage,.feature-card,.upload-drop,.ai-preview,.upload-progress,.modal-box{
  background-color:rgba(20,15,12,.78)!important;
}
.gradient-text{background:linear-gradient(100deg,#fff 10%,#dda06d 58%,#a85f38)!important;-webkit-background-clip:text!important;background-clip:text!important}
.analysis-card{border-color:rgba(196,122,68,.20)!important}
.mini-ai{border-color:#c47a44!important;color:#d08a63!important}
.upload-progress-bar{background:linear-gradient(90deg,#a85f38,#d08a63)!important;box-shadow:0 0 16px rgba(196,122,68,.30)!important}
.finder-download,.finder-fallback{color:#dda06d!important}

/* v28 final warm copper safeguard */

/* v29: final warm palette + assistant */
body,html{background:#070707!important;color:#f1e9e4!important}
button,a{accent-color:#c47a44}
.assistant-section{max-width:1100px;margin:70px auto 30px;padding:0 22px}
.assistant-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}
.section-kicker{font-size:.72rem;letter-spacing:.16em;color:#d08a63;font-weight:800}
.assistant-header h2{margin:7px 0 8px;color:#f4eee8}.assistant-header p{margin:0;color:#b8aaa2;line-height:1.55}
.assistant-badge{padding:8px 12px;border:1px solid rgba(196,122,68,.45);border-radius:999px;color:#dda06d;background:rgba(196,122,68,.08)}
.assistant-box{background:linear-gradient(145deg,#15110f,#090909);border:1px solid rgba(196,122,68,.3);border-radius:24px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.assistant-messages{min-height:110px;max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.assistant-message{padding:13px 15px;border-radius:16px;line-height:1.55;white-space:pre-wrap}
.assistant-message.assistant{align-self:flex-start;max-width:88%;background:#14110f;border:1px solid rgba(196,122,68,.18);color:#e9ded7}
.assistant-message.user{align-self:flex-end;max-width:88%;background:#2a1911;border:1px solid rgba(196,122,68,.32);color:#fff7f1}
.assistant-message strong{display:block;color:#dda06d;font-size:.78rem;margin-bottom:5px}
.assistant-form{margin-top:14px;display:grid;grid-template-columns:1fr auto auto;gap:9px}
#assistantInput{width:100%;min-height:54px;resize:vertical;background:#0b0a09!important;color:#f4eee8!important;border:1px solid rgba(196,122,68,.36)!important;border-radius:15px;padding:13px;outline:none}
.assistant-icon-btn,.assistant-send,.assistant-secondary{border:1px solid rgba(196,122,68,.48);background:#17110e;color:#f4eee8;border-radius:14px;padding:10px 15px;cursor:pointer}
.assistant-send{background:linear-gradient(135deg,#c47a44,#8f4f2b);font-weight:800}.assistant-icon-btn.recording{box-shadow:0 0 0 4px rgba(196,122,68,.14),0 0 26px rgba(196,122,68,.28);border-color:#dda06d}
.assistant-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.assistant-voice-status{color:#d08a63;font-size:.82rem}
.assistant-note{color:#8f8179;font-size:.78rem}
@media(max-width:700px){.assistant-header{flex-direction:column;align-items:flex-start}.assistant-form{grid-template-columns:1fr 1fr}.assistant-form textarea{grid-column:1/-1}.assistant-send{min-height:48px}.assistant-icon-btn{min-height:48px}}

/* v30: zero-blue final palette guard */
:root{--blue:#8f4f2b;--cyan:#c47a44;--sky:#9b5a32;--indigo:#7d523c}
*{scrollbar-color:#8f4f2b #0a0908}
::selection{background:rgba(196,122,68,.35);color:#fff}
button,a,[role="button"]{outline-color:#c47a44}


/* Gesetzes-Finder – Ergänzung ohne Änderung des bestehenden Layouts */
.law-finder{scroll-margin-top:100px}
.law-finder-card{background:linear-gradient(145deg,#15110f,#090909);border:1px solid rgba(196,122,68,.30);border-radius:24px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 32px rgba(196,122,68,.06)}
.law-chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.law-chip{appearance:none;border:1px solid rgba(196,122,68,.38);background:#120e0c;color:#e9ded7;border-radius:999px;padding:9px 13px;cursor:pointer;font:inherit;font-size:.88rem}
.law-chip:hover,.law-chip:focus-visible{border-color:#c47a44;box-shadow:0 0 20px rgba(196,122,68,.14);outline:none}
.law-finder-note{margin-top:14px;color:#9e8f87;font-size:.84rem;line-height:1.55}
.law-finder-results{margin-top:16px}
.law-result-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid rgba(196,122,68,.22);border-radius:18px;background:#0d0b0a}
.law-result-card p{margin:4px 0 0;color:#b8aaa2}
.law-result-card a{color:#dda06d;text-decoration:none;font-weight:800;white-space:nowrap}
@media(max-width:700px){.law-result-card{align-items:flex-start;flex-direction:column}.law-result-card a{white-space:normal}}


/* Vorab-KI-Assistent */
.pre-assistant{max-width:1100px;margin:55px auto 30px;padding:0 22px}.pre-assistant-box{background:linear-gradient(145deg,#15110f,#090909);border:1px solid rgba(196,122,68,.3);border-radius:24px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.pre-assistant-examples{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}.pre-assistant-examples button{border:1px solid rgba(196,122,68,.28);background:#17110e;color:#eadfd8;border-radius:999px;padding:9px 12px;cursor:pointer}.pre-assistant-examples button:hover{border-color:rgba(196,122,68,.55)}#preAssistantInput{width:100%;min-height:125px;resize:vertical;background:#0b0a09!important;color:#f4eee8!important;border:1px solid rgba(196,122,68,.36)!important;border-radius:15px;padding:14px;outline:none;font:inherit}.pre-assistant-actions{display:flex;gap:12px;align-items:center;margin-top:12px}.pre-assistant-messages{margin-top:15px;display:flex;flex-direction:column;gap:12px}.pre-assistant-message{padding:15px;border-radius:16px;line-height:1.6;white-space:pre-wrap}.pre-assistant-message.assistant{background:#14110f;border:1px solid rgba(196,122,68,.18);color:#e9ded7}.pre-assistant-message.user{background:#2a1911;border:1px solid rgba(196,122,68,.32);color:#fff7f1;align-self:flex-end;max-width:90%}.pre-assistant-message strong{display:block;color:#dda06d;font-size:.78rem;margin-bottom:5px}@media(max-width:700px){.pre-assistant-actions{flex-direction:column;align-items:stretch}.pre-assistant-actions .assistant-send{width:100%}.pre-assistant-examples{display:grid;grid-template-columns:1fr}.pre-assistant-examples button{text-align:left}}

/* Veya Dokument Direkt – moderne, dunkle Interaktionen für den Vorab-Assistenten */
.pre-assistant-box{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#0d0d0d 0%,#050505 58%,#11100f 100%);
  border-color:rgba(196,122,68,.34);
}
.pre-assistant-box::before{
  content:"";
  position:absolute;inset:-35%;
  background:radial-gradient(circle at 50% 0%,rgba(196,122,68,.09),transparent 42%);
  pointer-events:none;
  animation:ddAmbient 8s ease-in-out infinite alternate;
}
.pre-assistant-box>*{position:relative;z-index:1}
.pre-assistant-examples button{
  position:relative;
  overflow:hidden;
  min-height:42px;
  background:linear-gradient(145deg,#161616,#090909)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.28);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.pre-assistant-examples button:hover,.pre-assistant-examples button:focus-visible{
  transform:translateY(-2px);
  background:linear-gradient(145deg,#1c1c1c,#0b0b0b)!important;
  border-color:rgba(196,122,68,.55)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 18px rgba(196,122,68,.08);
}
.pre-assistant-examples button.dd-selected{
  transform:scale(.98);
  border-color:#c47a44!important;
  box-shadow:0 0 0 2px rgba(196,122,68,.10),0 0 28px rgba(196,122,68,.14);
}
#preAssistantInput{
  background:linear-gradient(145deg,#090909,#0e0e0e)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 35px rgba(0,0,0,.24);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
#preAssistantInput:focus{
  border-color:rgba(196,122,68,.72)!important;
  box-shadow:0 0 0 3px rgba(196,122,68,.10),0 14px 40px rgba(0,0,0,.34)!important;
  transform:translateY(-1px);
}
.pre-assistant-actions .assistant-send{
  position:relative;overflow:hidden;
  min-height:50px;
  box-shadow:0 10px 28px rgba(0,0,0,.30);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.pre-assistant-actions .assistant-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px rgba(0,0,0,.40),0 0 22px rgba(196,122,68,.12)}
.pre-assistant-actions .assistant-send:active:not(:disabled){transform:translateY(0) scale(.985)}
.pre-assistant-actions .assistant-send:disabled{opacity:.72;cursor:wait}
.pre-assistant-message{animation:ddMessageIn .38s cubic-bezier(.2,.75,.25,1) both;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.pre-assistant-message.assistant{background:linear-gradient(145deg,#151515,#0b0b0b);border-color:rgba(196,122,68,.20)}
.pre-assistant-message.user{background:linear-gradient(145deg,#21160f,#0e0c0a)}
.pre-assistant-message.dd-thinking{display:flex;align-items:flex-start;gap:10px}
.dd-thinking-dots{display:inline-flex;gap:4px;padding-top:5px}
.dd-thinking-dots i{width:6px;height:6px;border-radius:50%;background:#c47a44;opacity:.35;animation:ddDot 1s ease-in-out infinite}
.dd-thinking-dots i:nth-child(2){animation-delay:.15s}.dd-thinking-dots i:nth-child(3){animation-delay:.3s}
.dd-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ddRipple .55s ease-out;pointer-events:none;background:rgba(255,255,255,.13)}
@keyframes ddRipple{to{transform:scale(3.2);opacity:0}}
@keyframes ddMessageIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ddDot{0%,80%,100%{transform:translateY(0);opacity:.3}40%{transform:translateY(-4px);opacity:1}}
@keyframes ddAmbient{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.04)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Vorab-KI: Chat-Layout + ausklappbare Lebensbereiche */
.pre-assistant-chat{display:flex;flex-direction:column;margin-top:14px;background:#070707;border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 40px rgba(0,0,0,.25)}
.pre-assistant-messages{height:380px;max-height:48vh;overflow-y:auto;overscroll-behavior:contain;padding:16px;margin:0;scroll-behavior:smooth}
.pre-assistant-messages:empty{min-height:24px;height:24px;padding:0}
.pre-assistant-composer{position:sticky;bottom:0;padding:12px;background:linear-gradient(180deg,rgba(7,7,7,.92),#070707 28%);border-top:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.pre-composer-row{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap}.pre-composer-row button{min-height:44px}.pre-voice-btn,.pre-read-btn{background:#111!important;border:1px solid rgba(255,255,255,.1)!important;color:#e9ded7!important}.pre-voice-btn:hover,.pre-read-btn:hover{border-color:rgba(196,122,68,.55)!important;transform:translateY(-1px)}.pre-voice-btn.recording{border-color:#c47a44!important;box-shadow:0 0 0 3px rgba(196,122,68,.1),0 0 24px rgba(196,122,68,.13)}
.pre-composer-row .assistant-send{margin-left:auto}.message-read{display:block;margin-top:9px;border:1px solid rgba(196,122,68,.22);background:#0d0d0d;color:#d9cbc2;border-radius:10px;padding:6px 9px;font-size:.78rem;cursor:pointer}.message-read:hover{border-color:rgba(196,122,68,.55)}
.pre-context-panels{margin-top:10px}.pre-context-panel{background:linear-gradient(145deg,#111,#080808);border:1px solid rgba(196,122,68,.2);border-radius:17px;padding:14px;animation:ddPanelIn .25s ease both;box-shadow:0 14px 30px rgba(0,0,0,.24)}.pre-context-panel[hidden]{display:none}.pre-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pre-panel-head strong{color:#eadfd8}.pre-panel-close{border:0;background:#151515;color:#cfc2bb;border-radius:10px;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}.pre-panel-close:hover{background:#1d1d1d;color:#dda06d}.pre-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pre-fields label{display:flex;flex-direction:column;gap:6px;color:#b9aaa2;font-size:.82rem}.pre-fields input,.pre-fields select{width:100%;box-sizing:border-box;background:#090909;color:#eee5df;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:10px;font:inherit;outline:none}.pre-fields input:focus,.pre-fields select:focus{border-color:rgba(196,122,68,.6);box-shadow:0 0 0 3px rgba(196,122,68,.08)}.pre-fields select[multiple]{min-height:112px}.pre-context-chip{display:flex;align-items:center;gap:7px}.pre-context-chip span{opacity:.55;font-size:1rem}.pre-context-chip.dd-selected span{transform:rotate(45deg);opacity:1}.pre-assistant-message{position:relative}.pre-assistant-message.user{margin-left:auto}.pre-assistant-message.assistant{margin-right:auto}.pre-assistant-message.dd-thinking{min-height:26px}
@keyframes ddPanelIn{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:700px){.pre-assistant-messages{height:330px;max-height:52vh;padding:12px}.pre-fields{grid-template-columns:1fr}.pre-composer-row{display:grid;grid-template-columns:1fr 1fr}.pre-composer-row .assistant-send{grid-column:1/-1;margin-left:0}.pre-composer-row .pre-voice-btn,.pre-composer-row .pre-read-btn{width:100%}.pre-assistant-message.user,.pre-assistant-message.assistant{max-width:100%}}


/* Veya – globale, optionale Assistentin */
.kiara-widget{position:fixed;right:22px;bottom:22px;z-index:1200;font-family:inherit}
.kiara-fab{position:relative;width:78px;height:78px;padding:4px;border-radius:50%;border:1px solid rgba(218,150,93,.65);background:radial-gradient(circle at 40% 30%,#2a1b12,#090909 70%);box-shadow:0 12px 38px rgba(0,0,0,.5),0 0 34px rgba(218,150,93,.18);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.kiara-fab:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 44px rgba(0,0,0,.55),0 0 42px rgba(218,150,93,.28)}
.kiara-fab-ring{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1px solid rgba(255,193,137,.42)}
.kiara-fab img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;display:block}
.kiara-online-dot{position:absolute;right:2px;bottom:3px;width:13px;height:13px;border-radius:50%;background:#5fd18a;border:2px solid #090909;box-shadow:0 0 12px rgba(95,209,138,.5)}
.kiara-panel{position:absolute;right:0;bottom:92px;width:min(390px,calc(100vw - 28px));background:linear-gradient(155deg,#12100f,#060606 80%);border:1px solid rgba(218,150,93,.48);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.65),0 0 42px rgba(218,150,93,.10);overflow:hidden;animation:kiaraIn .28s cubic-bezier(.2,.8,.25,1) both}
.kiara-panel[hidden]{display:none}
@keyframes kiaraIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.kiara-head{display:flex;align-items:center;gap:11px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.kiara-head-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:1px solid rgba(218,150,93,.45);flex:0 0 auto}.kiara-head-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}
.kiara-head strong{display:block;color:#f4eee8;font-size:1.02rem}.kiara-head span{display:block;color:#9f9189;font-size:.74rem;margin-top:2px}.kiara-close{margin-left:auto;width:34px;height:34px;border:0;background:#151515;color:#cdbfb7;border-radius:10px;font-size:22px;cursor:pointer}.kiara-close:hover{color:#e1a16f;background:#1c1714}
.kiara-greeting{margin:13px;padding:13px 14px;border-radius:16px;background:linear-gradient(145deg,#191513,#0c0c0c);border:1px solid rgba(218,150,93,.18);line-height:1.45}.kiara-greeting strong{display:block;color:#f0e4dc;font-size:.92rem}.kiara-greeting span{display:block;color:#b9aaa1;font-size:.82rem;margin-top:3px}
.kiara-actions{display:grid;gap:7px;padding:0 13px 12px}.kiara-actions button{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:7px;width:100%;padding:10px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0d0d0d;color:#eee5df;text-align:left;cursor:pointer;transition:.2s ease}.kiara-actions button:hover{transform:translateX(2px);border-color:rgba(218,150,93,.42);background:#15110f}.kiara-actions b{color:#d99a6a;font-size:1.1rem}.kiara-actions span{font-size:.8rem}
.kiara-mini-chat{padding:11px 13px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.kiara-mini-chat textarea{width:100%;box-sizing:border-box;resize:none;background:#080808;color:#f2e8e1;border:1px solid rgba(218,150,93,.25);border-radius:12px;padding:10px 11px;font:inherit;outline:none}.kiara-mini-chat textarea:focus{border-color:rgba(218,150,93,.62);box-shadow:0 0 0 3px rgba(218,150,93,.08)}.kiara-compose-row{display:flex;gap:7px;margin-top:7px}.kiara-mic,.kiara-send{min-height:42px;border-radius:11px;cursor:pointer}.kiara-mic{width:46px;border:1px solid rgba(255,255,255,.09);background:#111;color:#eadfd8}.kiara-send{flex:1;border:1px solid rgba(218,150,93,.48);background:linear-gradient(135deg,#c47a44,#8f4f2b);color:#fff7f1;font-weight:800}.kiara-mic.recording{border-color:#d99a6a;box-shadow:0 0 0 3px rgba(218,150,93,.12)}.kiara-status{min-height:17px;margin-top:6px;color:#d69a73;font-size:.72rem}.kiara-foot{padding:9px 13px 12px;color:#8e8179;font-size:.7rem;border-top:1px solid rgba(255,255,255,.05)}
@media(max-width:700px){.kiara-widget{right:13px;bottom:13px}.kiara-fab{width:68px;height:68px}.kiara-panel{bottom:80px;width:calc(100vw - 24px);right:-1px}.kiara-actions button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.kiara-panel,.kiara-fab,.kiara-actions button{animation:none;transition:none}}

.kiara-response{margin:0 13px 10px;padding:11px 12px;border-radius:14px;background:#15110f;border:1px solid rgba(218,150,93,.18);color:#e9ded7;font-size:.82rem;line-height:1.5;max-height:180px;overflow:auto}.kiara-response[hidden]{display:none}.kiara-response strong{display:block;color:#d99a6a;font-size:.72rem;margin-bottom:4px}

/* Veya 2.0 – natürliche, weiche Präsenz statt Roboteranimation */
.kiara-fab-ring,.kiara-head-avatar{animation:kiaraBreath 6.5s ease-in-out infinite}
.kiara-fab img,.kiara-head-avatar img{transform-origin:50% 54%;animation:kiaraFloat 7s ease-in-out infinite}
.kiara-online-dot{animation:kiaraGlow 4.5s ease-in-out infinite}
@keyframes kiaraBreath{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(218,150,93,0)}50%{transform:scale(1.012);box-shadow:0 0 20px rgba(218,150,93,.12)}}
@keyframes kiaraFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.006)}}
@keyframes kiaraGlow{0%,100%{opacity:.78;box-shadow:0 0 8px rgba(95,209,138,.28)}50%{opacity:1;box-shadow:0 0 14px rgba(95,209,138,.5)}}
.kiara-area-nav{padding:10px 13px 12px;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.012)}
.kiara-area-nav label{display:block;color:#a99a91;font-size:.72rem;margin-bottom:6px}
.kiara-area-row{display:flex;gap:7px}
.kiara-area-row select{flex:1;min-width:0;background:#090909!important;color:#eee5df!important;border:1px solid rgba(218,150,93,.25)!important;border-radius:11px;padding:9px 10px;font:inherit}
.kiara-area-row button{border:1px solid rgba(218,150,93,.45);background:#17110e;color:#f2e5dc;border-radius:11px;padding:9px 12px;cursor:pointer;font-weight:700}
.kiara-area-row button:hover{border-color:#dda06d;background:#201611}
@media(prefers-reduced-motion:reduce){.kiara-fab-ring,.kiara-head-avatar,.kiara-fab img,.kiara-head-avatar img,.kiara-online-dot{animation:none}}
.kiara-focus-area{outline:1px solid rgba(218,150,93,.55);outline-offset:6px;transition:outline-color .3s ease,box-shadow .3s ease;box-shadow:0 0 0 5px rgba(218,150,93,.07)}


/* =========================================================
   VEYA 2.0 – sichtbare holografische Begleiterin
   ========================================================= */
.kiara-widget{
  position:fixed;
  z-index:1200;
  right:clamp(18px,4vw,64px);
  bottom:clamp(18px,4vh,42px);
  width:min(520px,calc(100vw - 36px));
  pointer-events:none;
  display:block;
}
.kiara-panel{
  position:relative!important;
  width:100%!important;
  max-height:min(78vh,760px);
  overflow:auto;
  pointer-events:auto;
  border:1px solid rgba(212,145,83,.42)!important;
  background:
    radial-gradient(circle at 72% 18%,rgba(214,143,79,.13),transparent 35%),
    linear-gradient(145deg,rgba(16,15,15,.86),rgba(28,22,18,.72))!important;
  box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 70px rgba(196,122,68,.13),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-radius:28px!important;
}
.kiara-panel[hidden]{display:none!important}
.kiara-fab{
  pointer-events:auto;
  position:absolute!important;
  right:8px;
  top:-52px;
  width:42px!important;
  height:42px!important;
  min-width:42px;
  border-radius:50%!important;
  border:1px solid rgba(221,156,92,.65)!important;
  background:rgba(18,16,15,.88)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.35),0 0 25px rgba(196,122,68,.25);
}
.kiara-fab-ring,.kiara-fab-ring img{width:30px!important;height:30px!important}
.kiara-head-avatar{box-shadow:0 0 22px rgba(211,139,76,.3)}
.kiara-online-dot{box-shadow:0 0 12px #d59a61!important}
.kiara-head{border-bottom-color:rgba(212,145,83,.2)!important}
.kiara-greeting{
  position:relative;
  margin:16px;
  padding:18px 18px 18px 20px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(196,122,68,.15),rgba(255,255,255,.035));
  border:1px solid rgba(196,122,68,.2);
}
.kiara-greeting:before{
  content:"";
  position:absolute;
  left:-1px;top:15px;bottom:15px;width:3px;border-radius:4px;
  background:linear-gradient(#e1ac72,#9b6037);
  box-shadow:0 0 14px rgba(216,151,89,.45);
}
.kiara-actions button,.kiara-area-row button,.kiara-mic,.kiara-send{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.kiara-actions button:hover,.kiara-area-row button:hover,.kiara-mic:hover,.kiara-send:hover{
  transform:translateY(-1px);
  border-color:rgba(218,151,89,.52)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.18),0 0 20px rgba(196,122,68,.08);
}
.kiara-response{
  margin:14px 16px;
  border-radius:18px!important;
  border-color:rgba(196,122,68,.25)!important;
}

/* Hologram stage shown on the first screen. */
.kiara-hologram{
  position:fixed;
  z-index:1100;
  right:clamp(28px,7vw,130px);
  top:clamp(115px,16vh,175px);
  width:clamp(270px,24vw,390px);
  height:clamp(390px,58vh,610px);
  pointer-events:none;
  opacity:.92;
  transition:opacity .6s ease,transform .7s ease,filter .6s ease;
  filter:saturate(.92);
}
.kiara-hologram.is-recessed{opacity:.48;transform:scale(.72) translate(28%,18%);filter:saturate(.7)}
.kiara-hologram-core{
  position:absolute;inset:8% 7% 4%;
  display:flex;align-items:flex-end;justify-content:center;
}
.kiara-hologram-core:before{
  content:"";
  position:absolute;inset:4% 0 0;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 36%,rgba(224,160,95,.16),rgba(196,122,68,.06) 38%,transparent 68%);
  filter:blur(8px);
  animation:kiaraAura 4.5s ease-in-out infinite;
}
.kiara-hologram-image{
  position:relative;
  width:100%;height:100%;
  object-fit:contain;
  object-position:center bottom;
  mix-blend-mode:screen;
  opacity:.88;
  filter:sepia(.25) saturate(1.18) contrast(1.05) drop-shadow(0 0 24px rgba(216,147,83,.28));
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 87%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 87%,transparent 100%);
  animation:kiaraFloat 5.8s ease-in-out infinite;
}
.kiara-scanlines{
  position:absolute;inset:6% 3% 3%;
  border-radius:50%;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 5px,rgba(220,157,95,.06) 6px,transparent 8px);
  mix-blend-mode:screen;
  animation:kiaraScan 5s linear infinite;
}
.kiara-orbit{
  position:absolute;inset:4% 4% 5%;
  border:1px solid rgba(215,150,91,.18);
  border-radius:50%;
  transform:rotate(-17deg);
  box-shadow:0 0 26px rgba(196,122,68,.08);
  animation:kiaraOrbit 12s linear infinite;
}
.kiara-orbit:before,.kiara-orbit:after{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  background:#d99b60;box-shadow:0 0 16px #d99b60;
}
.kiara-orbit:before{left:12%;top:18%}.kiara-orbit:after{right:9%;bottom:17%}
.kiara-particles{
  position:absolute;inset:0;
  background-image:
    radial-gradient(circle,rgba(226,167,107,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(226,167,107,.45) 0 1px,transparent 1.5px);
  background-size:53px 71px,89px 97px;
  animation:kiaraParticles 9s linear infinite;
  opacity:.38;
}
.kiara-state{
  position:absolute;
  left:50%;bottom:4%;
  transform:translateX(-50%);
  padding:7px 13px;
  border:1px solid rgba(218,151,89,.24);
  border-radius:99px;
  background:rgba(10,9,8,.45);
  backdrop-filter:blur(8px);
  color:rgba(243,215,188,.88);
  font-size:11px;
  letter-spacing:.04em;
  white-space:nowrap;
  box-shadow:0 0 20px rgba(196,122,68,.1);
}
.kiara-mouth{
  position:absolute;
  left:50%;top:65%;
  width:46px;height:6px;
  transform:translate(-50%,-50%) scaleX(.92);
  border:1px solid rgba(244,188,126,.72);
  border-top-color:transparent;
  border-radius:0 0 55% 55%;
  background:rgba(164,86,42,.12);
  opacity:0;
  filter:drop-shadow(0 0 7px rgba(220,145,79,.75));
  pointer-events:none;
}
.kiara-hologram.speaking .kiara-mouth{opacity:.78;animation:kiaraMouth .34s ease-in-out infinite}
.kiara-hologram.listening .kiara-mouth{opacity:0}
.kiara-hologram.speaking .kiara-hologram-image{animation:kiaraTalk 2.8s ease-in-out infinite;filter:sepia(.30) saturate(1.38) contrast(1.08) drop-shadow(0 0 38px rgba(226,153,85,.52))}
.kiara-hologram.speaking .kiara-hologram-core{animation:kiaraHeadMotion 3.6s ease-in-out infinite}
.kiara-hologram.listening .kiara-hologram-image{animation:kiaraListen 5.2s ease-in-out infinite}
.kiara-hologram.thinking .kiara-orbit{animation-duration:3s}
.kiara-hologram.thinking .kiara-state{animation:kiaraThinking 1.1s ease-in-out infinite}
@keyframes kiaraFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(.35deg)}}
@keyframes kiaraTalk{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-2px) rotate(-.22deg) scale(1.002)}52%{transform:translateY(1px) rotate(.18deg) scale(1.004)}78%{transform:translateY(-1px) rotate(.12deg) scale(1.001)}}
@keyframes kiaraHeadMotion{0%,100%{transform:translateX(0) rotate(0deg)}30%{transform:translateX(-1.5px) rotate(-.25deg)}58%{transform:translateX(1.2px) rotate(.2deg)}82%{transform:translateX(-.7px) rotate(.1deg)}}
@keyframes kiaraListen{0%,100%{transform:translateY(0) rotate(0deg)}45%{transform:translateY(-2px) rotate(-.28deg)}72%{transform:translateY(1px) rotate(.16deg)}}
@keyframes kiaraAura{0%,100%{transform:scale(.96);opacity:.6}50%{transform:scale(1.04);opacity:1}}
@keyframes kiaraOrbit{to{transform:rotate(343deg)}}
@keyframes kiaraScan{0%{transform:translateY(-8%)}100%{transform:translateY(8%)}}
@keyframes kiaraParticles{to{background-position:53px 71px,-89px -97px}}
@keyframes kiaraMouth{0%{height:4px;width:38px;border-radius:0 0 50% 50%;transform:translate(-50%,-50%) scaleX(.78)}18%{height:7px;width:43px;border-radius:0 0 52% 52%;transform:translate(-50%,-50%) scaleX(1.02)}38%{height:11px;width:48px;border-radius:8px 8px 50% 50%;transform:translate(-50%,-50%) scaleX(1.08)}57%{height:5px;width:40px;border-radius:0 0 55% 55%;transform:translate(-50%,-50%) scaleX(.88)}76%{height:8px;width:45px;border-radius:4px 4px 50% 50%;transform:translate(-50%,-50%) scaleX(1.04)}100%{height:3px;width:37px;border-radius:0 0 50% 50%;transform:translate(-50%,-50%) scaleX(.76)}}
@keyframes kiaraThinking{50%{box-shadow:0 0 30px rgba(196,122,68,.3)}}
.kiara-intro-card{
  position:fixed;
  z-index:1110;
  right:clamp(18px,5vw,80px);
  top:clamp(95px,13vh,145px);
  width:min(400px,calc(100vw - 36px));
  pointer-events:auto;
  border:1px solid rgba(220,157,95,.28);
  border-radius:22px;
  padding:18px 20px;
  background:rgba(14,12,11,.78);
  box-shadow:0 20px 55px rgba(0,0,0,.3),0 0 35px rgba(196,122,68,.1);
  backdrop-filter:blur(18px);
  transition:opacity .35s ease,transform .35s ease;
}
.kiara-intro-card[hidden]{display:none}
.kiara-intro-card strong{display:block;margin-bottom:6px}
.kiara-intro-card span{display:block;color:#cbb9ab;line-height:1.55;font-size:13px}
.kiara-intro-card .kiara-intro-close{
  position:absolute;right:10px;top:8px;border:0;background:none;color:#bca99c;font-size:20px;cursor:pointer
}
body.kiara-paused .kiara-hologram{opacity:.12}
body.kiara-paused .kiara-intro-card{display:none}
.kiara-pause{
  position:absolute;right:60px;top:-49px;pointer-events:auto;
  border:1px solid rgba(212,145,83,.28);border-radius:99px;
  padding:7px 11px;background:rgba(15,13,12,.82);color:#d8c5b5;font-size:11px;cursor:pointer;
  backdrop-filter:blur(10px);
}
.kiara-pause:hover{border-color:rgba(220,157,95,.55)}
@media(max-width:900px){
  .kiara-hologram{right:50%;transform:translateX(50%);top:86px;width:270px;height:360px;opacity:.5}
  .kiara-hologram.is-recessed{transform:translateX(50%) scale(.65);opacity:.18}
  .kiara-intro-card{top:auto;bottom:120px;right:18px;width:calc(100vw - 36px)}
  .kiara-widget{right:12px;bottom:12px;width:calc(100vw - 24px)}
  .kiara-panel{max-height:70vh}
}
@media(max-width:520px){
  /* Mobile: Veya stays visibly present; never hide the hologram. */
  .kiara-hologram{
    display:block;
    z-index:1095;
    right:10px;
    top:108px;
    width:190px;
    height:255px;
    opacity:.9;
    transform:none;
    pointer-events:none;
  }
  .kiara-hologram.is-recessed{transform:scale(.78) translate(8%,8%);opacity:.42}
  .kiara-intro-card{
    z-index:1115;
    top:108px;
    right:auto;
    left:12px;
    width:calc(100vw - 225px);
    min-width:155px;
    padding:14px 14px;
  }
  .kiara-intro-card span{font-size:12px;line-height:1.42}
  .kiara-widget{bottom:8px;width:calc(100vw - 24px)}
  .kiara-pause{right:52px;top:-44px}
}



/* VEYA 2.4 — Veya is the experience, not a chat box. */
.kiara-hologram{z-index:1090;right:clamp(22px,8vw,150px);top:clamp(105px,13vh,155px);width:clamp(300px,29vw,460px);height:clamp(430px,64vh,650px);opacity:.98;pointer-events:auto;cursor:pointer}
.kiara-hologram-core{inset:5% 3% 2%}
.kiara-hologram-image{opacity:.94;filter:sepia(.34) saturate(1.35) contrast(1.08) drop-shadow(0 0 34px rgba(216,147,83,.42));}
.kiara-hologram.speaking .kiara-hologram-image{filter:sepia(.38) saturate(1.55) contrast(1.1) drop-shadow(0 0 48px rgba(226,153,85,.62))}
.kiara-state{bottom:1.5%;font-size:12px}
.kiara-intro-card{z-index:1110;right:clamp(245px,27vw,480px);top:clamp(120px,16vh,180px);width:min(360px,calc(100vw - 380px));background:rgba(10,9,8,.68);border-color:rgba(220,157,95,.38)}
.kiara-widget{z-index:1120}
.kiara-fab{width:58px;height:58px;opacity:.78}
.kiara-panel{width:min(390px,calc(100vw - 28px))}
.kiara-pause{right:48px;top:-42px}
.kiara-live-control{position:fixed;z-index:1115;right:clamp(24px,8vw,150px);top:clamp(72px,9vh,105px);display:flex;gap:8px;align-items:center}
.kiara-live-main,.kiara-live-stop{border:1px solid rgba(218,150,93,.48);border-radius:999px;padding:10px 15px;background:rgba(14,12,11,.82);color:#f5e9df;font:inherit;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.kiara-live-main{background:linear-gradient(135deg,rgba(190,111,58,.95),rgba(117,62,34,.95));font-weight:800}
.kiara-live-main.recording{box-shadow:0 0 0 3px rgba(218,150,93,.16),0 0 30px rgba(218,150,93,.25)}
.kiara-live-stop{color:#dccbc0}
.kiara-start-overlay{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;background:rgba(3,3,3,.72);backdrop-filter:blur(10px)}
.kiara-start-overlay[hidden]{display:none}
.kiara-start-inner{width:min(390px,calc(100vw - 36px));padding:28px 24px;border:1px solid rgba(220,157,95,.45);border-radius:28px;background:linear-gradient(145deg,rgba(25,19,15,.96),rgba(7,7,7,.96));box-shadow:0 30px 90px rgba(0,0,0,.7);text-align:center}
.kiara-start-orb{width:120px;height:120px;margin:0 auto 18px;border-radius:50%;overflow:hidden;border:1px solid rgba(220,157,95,.55);box-shadow:0 0 42px rgba(218,150,93,.28)}
.kiara-start-orb img{width:100%;height:100%;object-fit:cover}
.kiara-start-inner strong{display:block;font-size:1.35rem;color:#fff4ec}.kiara-start-inner span{display:block;color:#c8b8ae;line-height:1.5;margin:8px 0 18px}.kiara-start-inner button{border:0;border-radius:999px;padding:13px 22px;background:linear-gradient(135deg,#d58a51,#934f2b);color:white;font-weight:800;font-size:1rem;cursor:pointer}
@media(max-width:900px){
 .kiara-hologram{right:50%;top:86px;width:280px;height:380px;transform:translateX(50%)}
 .kiara-intro-card{top:350px;right:18px;width:calc(100vw - 36px)}
 .kiara-live-control{right:50%;top:74px;transform:translateX(50%)}
}
@media(max-width:520px){
 .kiara-hologram{right:50%;top:92px;width:250px;height:340px;transform:translateX(50%);opacity:.97}
 .kiara-hologram.is-recessed{transform:translateX(50%) scale(.7);opacity:.35}
 .kiara-live-control{right:50%;top:64px;transform:translateX(50%);white-space:nowrap}
 .kiara-live-main{padding:9px 13px;font-size:13px}
 .kiara-intro-card{top:418px;left:12px;right:12px;width:auto}
 .kiara-widget{bottom:10px;width:auto;right:10px}
 .kiara-pause{right:46px;top:-42px}
}

/* VEYA 2.5 — calm, human-like hologram motion; no start overlay/button. */
.kiara-start-overlay{display:none!important}
.kiara-live-control{pointer-events:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.kiara-live-status{font-size:11px;color:rgba(231,192,156,.78);letter-spacing:.04em;text-shadow:0 0 14px rgba(218,150,93,.25)}
.kiara-hologram{will-change:transform,opacity;}
.kiara-hologram-core{animation:kiaraPresence 8.8s cubic-bezier(.45,.05,.55,.95) infinite;transform-origin:50% 58%;}
.kiara-hologram-image{animation:kiaraNaturalPresence 9.6s cubic-bezier(.45,.05,.55,.95) infinite!important;transform-origin:50% 42%;}
.kiara-hologram.speaking .kiara-hologram-image{animation:kiaraSpeakingPresence 6.2s cubic-bezier(.45,.05,.55,.95) infinite!important}
.kiara-hologram.speaking .kiara-mouth{animation:kiaraNaturalMouth .22s ease-in-out infinite alternate!important}
.kiara-hologram.listening .kiara-hologram-image{animation:kiaraListeningPresence 7.8s ease-in-out infinite!important}
.kiara-hologram.thinking .kiara-hologram-image{animation:kiaraThinkingPresence 5.8s ease-in-out infinite!important}
@keyframes kiaraPresence{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}25%{transform:translate3d(1px,-3px,0) rotate(.25deg)}50%{transform:translate3d(-1px,-5px,0) rotate(-.2deg)}75%{transform:translate3d(.5px,-2px,0) rotate(.15deg)}}
@keyframes kiaraNaturalPresence{0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}30%{transform:translate3d(2px,-2px,0) rotate(.3deg) scale(1.002)}55%{transform:translate3d(-2px,-4px,0) rotate(-.35deg) scale(1.004)}78%{transform:translate3d(1px,-1px,0) rotate(.2deg) scale(1.001)}}
@keyframes kiaraSpeakingPresence{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}35%{transform:translate3d(1px,-2px,0) rotate(.22deg)}65%{transform:translate3d(-1px,-3px,0) rotate(-.2deg)}}
@keyframes kiaraListeningPresence{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}45%{transform:translate3d(2px,-2px,0) rotate(.28deg)}70%{transform:translate3d(-1px,-1px,0) rotate(-.18deg)}}
@keyframes kiaraThinkingPresence{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-2px,-3px,0) rotate(-.35deg)}}
@keyframes kiaraNaturalMouth{from{height:4px;width:28px;transform:translate(-50%,-50%) scaleX(.82);opacity:.45}to{height:11px;width:36px;transform:translate(-50%,-50%) scaleX(1.08);opacity:.9}}
@media(prefers-reduced-motion:reduce){.kiara-hologram-core,.kiara-hologram-image,.kiara-hologram.speaking .kiara-hologram-image,.kiara-hologram.speaking .kiara-mouth{animation:none!important}}
@media(max-width:520px){
  .kiara-hologram{right:6px!important;top:100px!important;width:205px!important;height:280px!important;opacity:.92!important}
  .kiara-intro-card{top:112px!important;left:10px!important;right:auto!important;width:calc(100vw - 225px)!important;min-width:160px!important}
  .kiara-live-control{right:8px!important;top:84px!important}
}


/* VEYA 2.6 — permanently visible holographic companion.
   Veya never shrinks into a corner and never gets recessed after the intro.
   She stays large enough to be recognisable while remaining translucent behind the UI. */
.kiara-hologram{
  display:block!important;
  position:fixed!important;
  z-index:20!important;
  right:clamp(18px,5vw,92px)!important;
  top:clamp(118px,16vh,175px)!important;
  width:clamp(330px,29vw,470px)!important;
  height:clamp(470px,66vh,680px)!important;
  opacity:.72!important;
  transform:none!important;
  pointer-events:none!important;
  filter:saturate(.98) brightness(.98)!important;
}
.kiara-hologram.is-recessed{
  opacity:.72!important;
  transform:none!important;
}
.kiara-hologram-core{
  animation:kiaraHumanPresence 10.5s cubic-bezier(.37,.02,.63,.98) infinite!important;
  transform-origin:50% 56%;
}
.kiara-hologram-image{
  opacity:.96!important;
  filter:sepia(.38) saturate(1.28) contrast(1.04) drop-shadow(0 0 38px rgba(216,147,83,.42))!important;
  animation:kiaraHumanPortrait 11.5s cubic-bezier(.37,.02,.63,.98) infinite!important;
  transform-origin:50% 42%;
}
.kiara-hologram.speaking .kiara-hologram-image{
  filter:sepia(.42) saturate(1.42) contrast(1.07) drop-shadow(0 0 46px rgba(226,153,85,.52))!important;
  animation:kiaraHumanSpeaking 7.5s cubic-bezier(.37,.02,.63,.98) infinite!important;
}
.kiara-hologram.listening .kiara-hologram-image{
  animation:kiaraHumanListening 9s cubic-bezier(.37,.02,.63,.98) infinite!important;
}
.kiara-hologram.thinking .kiara-hologram-image{
  animation:kiaraHumanThinking 8s cubic-bezier(.37,.02,.63,.98) infinite!important;
}
.kiara-mouth{
  top:58%!important;
  width:32px!important;
  height:5px!important;
  border-bottom-width:2px!important;
  opacity:.5!important;
}
.kiara-hologram.speaking .kiara-mouth{
  animation:kiaraHumanMouth .24s ease-in-out infinite alternate!important;
}
@keyframes kiaraHumanPresence{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  18%{transform:translate3d(1px,-2px,0) rotate(.12deg)}
  38%{transform:translate3d(-1px,-4px,0) rotate(-.16deg)}
  62%{transform:translate3d(1px,-2px,0) rotate(.1deg)}
  82%{transform:translate3d(-.5px,-1px,0) rotate(-.08deg)}
}
@keyframes kiaraHumanPortrait{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  22%{transform:translate3d(2px,-1px,0) rotate(.18deg) scale(1.001)}
  47%{transform:translate3d(-1px,-3px,0) rotate(-.22deg) scale(1.003)}
  71%{transform:translate3d(1px,-1px,0) rotate(.14deg) scale(1.001)}
}
@keyframes kiaraHumanSpeaking{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  20%{transform:translate3d(1px,-1px,0) rotate(.12deg)}
  42%{transform:translate3d(-1px,-2px,0) rotate(-.15deg) scale(1.002)}
  66%{transform:translate3d(1px,-1px,0) rotate(.1deg)}
  84%{transform:translate3d(0,0,0) rotate(-.05deg)}
}
@keyframes kiaraHumanListening{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  35%{transform:translate3d(2px,-1px,0) rotate(.14deg)}
  67%{transform:translate3d(-1px,-2px,0) rotate(-.12deg)}
}
@keyframes kiaraHumanThinking{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  45%{transform:translate3d(-2px,-2px,0) rotate(-.2deg)}
  72%{transform:translate3d(1px,-1px,0) rotate(.1deg)}
}
@keyframes kiaraHumanMouth{
  0%{height:3px;width:38px;transform:translate(-50%,-50%) scaleX(.78);opacity:.45}
  18%{height:6px;width:43px;transform:translate(-50%,-50%) scaleX(1.00);opacity:.72}
  38%{height:11px;width:48px;transform:translate(-50%,-50%) scaleX(1.08);opacity:.94}
  57%{height:5px;width:40px;transform:translate(-50%,-50%) scaleX(.88);opacity:.68}
  76%{height:8px;width:45px;transform:translate(-50%,-50%) scaleX(1.03);opacity:.86}
  100%{height:3px;width:37px;transform:translate(-50%,-50%) scaleX(.76);opacity:.45}
}
@media(max-width:900px){
  .kiara-hologram{
    right:8px!important;
    top:118px!important;
    width:255px!important;
    height:350px!important;
    opacity:.68!important;
  }
}
@media(max-width:520px){
  .kiara-hologram{
    right:2px!important;
    top:116px!important;
    width:235px!important;
    height:325px!important;
    opacity:.72!important;
  }
  .kiara-hologram-core{inset:3% 0 0!important}
  .kiara-state{font-size:10px!important;bottom:1%!important}
}
@media(prefers-reduced-motion:reduce){
  .kiara-hologram-core,.kiara-hologram-image,.kiara-hologram.speaking .kiara-hologram-image,.kiara-hologram.speaking .kiara-mouth{animation:none!important}
}

/* VEYA 3.0 — permanent holographic companion / showcase layout */
:root{--kiara-copper:#d89557;--kiara-copper-soft:#efb47e;--kiara-glass:rgba(12,10,9,.66)}
body:not(.kiara-paused){overflow-x:hidden}
@media (min-width: 980px){
  main{padding-left:clamp(290px,25vw,390px);box-sizing:border-box;transition:padding-left .45s ease}
  .nav{padding-left:clamp(290px,25vw,390px)!important;transition:padding-left .45s ease}
}
/* Veya is the visible companion — never a corner FAB. */
.kiara-hologram{
  left:clamp(18px,3.2vw,58px)!important;
  right:auto!important;
  top:clamp(96px,12vh,135px)!important;
  width:clamp(300px,24vw,390px)!important;
  height:clamp(500px,72vh,720px)!important;
  opacity:.92!important;
  z-index:900!important;
  filter:saturate(1.08)!important;
  pointer-events:none!important;
}
.kiara-hologram::before{
  content:"";position:absolute;left:12%;right:12%;bottom:4%;height:46%;
  border-radius:48% 48% 30% 30%;
  background:linear-gradient(180deg,rgba(219,151,91,.18),rgba(219,151,91,.045) 55%,transparent 100%);
  border:1px solid rgba(229,171,119,.16);
  clip-path:polygon(22% 0,78% 0,96% 100%,4% 100%);
  filter:blur(.2px) drop-shadow(0 0 22px rgba(216,147,83,.18));
  opacity:.85;
}
.kiara-hologram::after{
  content:"";position:absolute;left:7%;right:7%;bottom:0;height:62%;
  background:repeating-linear-gradient(180deg,transparent 0 7px,rgba(236,180,126,.035) 8px 9px);
  mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 78%,transparent 100%);
  pointer-events:none;opacity:.8;
}
.kiara-hologram-core{inset:1% 4% 15%!important;z-index:2}
.kiara-hologram-image{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
  border-radius:42% 42% 30% 30%!important;
  opacity:.74!important;
  mix-blend-mode:screen;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.68) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.94) 58%,#000 76%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.68) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.94) 58%,#000 76%,#000 100%)!important;
  filter:sepia(.5) saturate(1.5) contrast(1.05) brightness(1.08) drop-shadow(0 0 42px rgba(218,151,91,.34))!important;
}
.kiara-hologram-image::after{content:""}
.kiara-orbit{opacity:.5!important}
.kiara-particles{opacity:.75!important}
.kiara-scanlines{opacity:.72!important}
.kiara-mouth{top:58%!important;left:50%!important}
.kiara-state{
  z-index:8!important;bottom:4%!important;left:50%!important;transform:translateX(-50%)!important;
  padding:7px 13px!important;border:1px solid rgba(220,157,95,.25);border-radius:999px;
  background:rgba(8,7,6,.58);backdrop-filter:blur(12px);white-space:nowrap;
  color:#f0c8a1!important;text-shadow:0 0 15px rgba(218,150,93,.32)!important;
}
/* speech bubble belongs to Veya, not a chat window */
.kiara-intro-card{
  position:fixed!important;left:clamp(260px,23vw,355px)!important;right:auto!important;
  top:clamp(135px,17vh,190px)!important;width:min(420px,34vw)!important;
  z-index:910!important;padding:18px 22px!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(27,20,16,.92),rgba(8,8,8,.78))!important;
  border:1px solid rgba(222,159,100,.46)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 28px rgba(216,147,83,.10)!important;
  backdrop-filter:blur(18px)!important;
}
.kiara-intro-card::before{
  content:"";position:absolute;left:-14px;top:34px;border-width:10px 14px 10px 0;border-style:solid;
  border-color:transparent rgba(222,159,100,.46) transparent transparent;
}
.kiara-intro-card strong{display:block;font-size:1.18rem;color:#fff5ee;margin-bottom:6px}
.kiara-intro-card span{display:block;color:#d9c8bd;line-height:1.48;font-size:.96rem}
.kiara-intro-close{display:none!important}
.kiara-live-control{position:fixed!important;left:clamp(24px,4vw,68px)!important;right:auto!important;top:auto!important;bottom:92px!important;z-index:915!important;pointer-events:none!important}
.kiara-live-status{display:inline-flex!important;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(218,150,93,.24);border-radius:999px;background:rgba(7,7,7,.48);backdrop-filter:blur(12px)}
.kiara-widget{position:fixed!important;left:clamp(24px,4vw,68px)!important;right:auto!important;bottom:22px!important;z-index:920!important;width:auto!important;pointer-events:none!important}
.kiara-widget .kiara-fab,.kiara-widget .kiara-panel{display:none!important}
.kiara-pause{
  position:relative!important;right:auto!important;top:auto!important;pointer-events:auto!important;
  border:1px solid rgba(221,160,109,.45)!important;border-radius:999px!important;
  padding:11px 17px!important;background:rgba(10,9,8,.78)!important;color:#f6e9df!important;
  box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 22px rgba(216,147,83,.08)!important;
  backdrop-filter:blur(14px);font-weight:800;cursor:pointer;
}
.kiara-pause:hover{border-color:#d89557!important;box-shadow:0 12px 36px rgba(0,0,0,.42),0 0 26px rgba(216,147,83,.18)!important}
.kiara-paused main,.kiara-paused .nav{padding-left:0!important}
.kiara-paused .kiara-hologram,.kiara-paused .kiara-intro-card,.kiara-paused .kiara-live-control{display:none!important}
.kiara-paused .kiara-widget{left:auto!important;right:22px!important}
.kiara-paused .kiara-pause{background:linear-gradient(135deg,#c47a44,#8f4f2b)!important}
/* subtle breathing + micro-movements; no robotic snapping */
.kiara-hologram-core{animation:kiaraHumanBody 12s cubic-bezier(.37,.02,.63,.98) infinite!important}
.kiara-hologram-image{animation:kiaraHumanFace 13s cubic-bezier(.37,.02,.63,.98) infinite!important}
.kiara-hologram.speaking .kiara-hologram-image{animation:kiaraHumanSpeech 8.5s cubic-bezier(.37,.02,.63,.98) infinite!important}
.kiara-hologram.listening .kiara-hologram-image{animation:kiaraHumanListen 10s cubic-bezier(.37,.02,.63,.98) infinite!important}
.kiara-hologram.thinking .kiara-hologram-image{animation:kiaraHumanThink 9s cubic-bezier(.37,.02,.63,.98) infinite!important}
@keyframes kiaraHumanBody{0%,100%{transform:translate3d(0,0,0) rotate(0)}18%{transform:translate3d(1px,-2px,0) rotate(.12deg)}37%{transform:translate3d(-1px,-5px,0) rotate(-.12deg)}58%{transform:translate3d(1px,-3px,0) rotate(.1deg)}79%{transform:translate3d(-.5px,-1px,0) rotate(-.07deg)}}
@keyframes kiaraHumanFace{0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}27%{transform:translate3d(2px,-1px,0) rotate(.16deg) scale(1.002)}51%{transform:translate3d(-1px,-3px,0) rotate(-.2deg) scale(1.004)}76%{transform:translate3d(1px,-1px,0) rotate(.12deg) scale(1.001)}}
@keyframes kiaraHumanSpeech{0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}22%{transform:translate3d(1.2px,-1.2px,0) rotate(.12deg)}44%{transform:translate3d(-1.4px,-2.4px,0) rotate(-.16deg) scale(1.002)}68%{transform:translate3d(1.1px,-1px,0) rotate(.10deg)}86%{transform:translate3d(-.4px,0,0) rotate(-.05deg)}}
@keyframes kiaraHumanListen{0%,100%{transform:translate3d(0,0,0) rotate(0)}34%{transform:translate3d(2px,-1px,0) rotate(.14deg)}68%{transform:translate3d(-1px,-2px,0) rotate(-.1deg)}}
@keyframes kiaraHumanThink{0%,100%{transform:translate3d(0,0,0) rotate(0)}43%{transform:translate3d(-2px,-2px,0) rotate(-.18deg)}71%{transform:translate3d(1px,-1px,0) rotate(.1deg)}}
.kiara-hologram.speaking .kiara-mouth{animation:kiaraHumanMouth .21s ease-in-out infinite alternate!important}
@media(max-width:979px){
  main,.nav{padding-left:0!important}
  .kiara-hologram{left:8px!important;top:108px!important;width:215px!important;height:310px!important;opacity:.68!important}
  .kiara-intro-card{left:175px!important;top:118px!important;width:calc(100vw - 195px)!important;max-width:none!important;padding:13px 15px!important}
  .kiara-intro-card strong{font-size:.96rem}.kiara-intro-card span{font-size:.82rem}
  .kiara-live-control{left:16px!important;bottom:78px!important}
  .kiara-widget{left:16px!important;bottom:18px!important}
}
@media(max-width:520px){
  .kiara-hologram{left:2px!important;top:105px!important;width:190px!important;height:280px!important;opacity:.7!important}
  .kiara-intro-card{left:152px!important;top:116px!important;width:calc(100vw - 164px)!important;min-width:0!important}
  .kiara-intro-card span{font-size:.76rem}
  .kiara-live-control{left:10px!important;bottom:70px!important}.kiara-widget{left:10px!important;bottom:12px!important}
  .kiara-pause{font-size:12px!important;padding:9px 12px!important}
}

/* Veya 3.1 cleanup: the hologram is the assistant UI. The legacy corner chat/fab is hidden. */
.kiara-widget .kiara-fab,
.kiara-widget .kiara-panel{display:none!important}
.kiara-widget{position:fixed!important;left:0!important;right:auto!important;bottom:0!important;width:0!important;height:0!important;pointer-events:none!important;z-index:1210!important}
.kiara-pause{position:fixed!important;left:clamp(18px,4vw,64px)!important;bottom:clamp(18px,4vh,42px)!important;right:auto!important;top:auto!important;z-index:1220!important;pointer-events:auto!important}
.kiara-hologram{left:clamp(12px,3vw,48px)!important;right:auto!important;top:clamp(105px,14vh,150px)!important;width:clamp(250px,27vw,410px)!important;height:clamp(390px,68vh,650px)!important;}
.kiara-intro-card{left:clamp(250px,26vw,430px)!important;right:auto!important;top:clamp(115px,16vh,175px)!important;}
@media(max-width:900px){
  .kiara-hologram{left:8px!important;top:92px!important;width:clamp(205px,43vw,300px)!important;height:clamp(330px,54vh,500px)!important;opacity:.82!important}
  .kiara-intro-card{left:clamp(150px,38vw,270px)!important;right:10px!important;top:105px!important;width:auto!important;max-width:calc(100vw - 170px)!important}
  .kiara-pause{left:12px!important;bottom:14px!important}
}
@media(max-width:560px){
  .kiara-hologram{left:-12px!important;top:86px!important;width:210px!important;height:350px!important;opacity:.74!important}
  .kiara-intro-card{left:150px!important;right:8px!important;top:96px!important;max-width:none!important;width:auto!important;padding:12px 13px!important;border-radius:17px!important}
  .kiara-intro-card span{font-size:12px!important;line-height:1.4!important}
  .kiara-intro-card strong{font-size:14px!important}
  .kiara-pause{font-size:12px!important;padding:9px 12px!important}
}
@media(prefers-reduced-motion:reduce){.kiara-hologram-image,.kiara-orbit,.kiara-particles,.kiara-hologram-core:before,.kiara-hologram.speaking .kiara-mouth,.kiara-hologram.thinking .kiara-state{animation:none!important}}

/* Veya 3.2: no permanent speech bubble/chat panel; hologram remains the interface. */
.kiara-intro-card,.kiara-panel,.kiara-fab{display:none !important;}
.kiara-widget{background:transparent !important;border:0 !important;box-shadow:none !important;}
.kiara-widget .kiara-pause{display:inline-flex !important;}

/* Veya 3.3: natural conversational micro-movements and visible lip animation. */
.kiara-hologram-core{
  animation:kiaraHumanBody33 10.5s cubic-bezier(.37,.02,.63,.98) infinite!important;
  transform-origin:50% 48%;
}
.kiara-hologram-image{
  animation:kiaraHumanFace33 11.5s cubic-bezier(.37,.02,.63,.98) infinite!important;
  transform-origin:50% 48%;
}
.kiara-hologram.speaking .kiara-hologram-image{
  animation:kiaraHumanSpeech33 3.8s cubic-bezier(.37,.02,.63,.98) infinite!important;
}
.kiara-hologram.listening .kiara-hologram-image{
  animation:kiaraHumanListen33 6.5s cubic-bezier(.37,.02,.63,.98) infinite!important;
}
.kiara-mouth{
  left:50%!important;
  top:65%!important;
  width:46px!important;
  height:6px!important;
  border:1px solid rgba(244,188,126,.72)!important;
  border-top-color:transparent!important;
  border-radius:0 0 55% 55%!important;
  background:rgba(164,86,42,.12)!important;
  opacity:0!important;
}
.kiara-hologram.speaking .kiara-mouth{
  opacity:.82!important;
  animation:kiaraHumanMouth33 .34s ease-in-out infinite!important;
}
@keyframes kiaraHumanBody33{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  20%{transform:translate3d(1px,-2px,0) rotate(.12deg)}
  40%{transform:translate3d(-1.2px,-4px,0) rotate(-.14deg)}
  61%{transform:translate3d(1px,-2px,0) rotate(.10deg)}
  80%{transform:translate3d(-.6px,-1px,0) rotate(-.07deg)}
}
@keyframes kiaraHumanFace33{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  24%{transform:translate3d(1.5px,-1px,0) rotate(.15deg) scale(1.001)}
  49%{transform:translate3d(-1.3px,-2.5px,0) rotate(-.19deg) scale(1.003)}
  73%{transform:translate3d(1px,-1px,0) rotate(.12deg) scale(1.001)}
}
@keyframes kiaraHumanSpeech33{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  19%{transform:translate3d(1px,-1px,0) rotate(.11deg) scale(1.001)}
  39%{transform:translate3d(-1.4px,-2.5px,0) rotate(-.17deg) scale(1.003)}
  59%{transform:translate3d(1.1px,-1px,0) rotate(.10deg) scale(1.002)}
  78%{transform:translate3d(-.6px,0,0) rotate(-.06deg) scale(1)}
}
@keyframes kiaraHumanListen33{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  35%{transform:translate3d(2px,-1px,0) rotate(.14deg)}
  68%{transform:translate3d(-1px,-2px,0) rotate(-.12deg)}
}
@keyframes kiaraHumanMouth33{
  0%{height:3px;width:37px;transform:translate(-50%,-50%) scaleX(.76);opacity:.45}
  16%{height:6px;width:43px;transform:translate(-50%,-50%) scaleX(1);opacity:.72}
  32%{height:10px;width:48px;transform:translate(-50%,-50%) scaleX(1.08);opacity:.92}
  48%{height:4px;width:39px;transform:translate(-50%,-50%) scaleX(.86);opacity:.62}
  66%{height:8px;width:45px;transform:translate(-50%,-50%) scaleX(1.03);opacity:.86}
  83%{height:5px;width:41px;transform:translate(-50%,-50%) scaleX(.92);opacity:.70}
  100%{height:3px;width:37px;transform:translate(-50%,-50%) scaleX(.76);opacity:.45}
}
@media(prefers-reduced-motion:reduce){
  .kiara-hologram-core,.kiara-hologram-image,.kiara-hologram.speaking .kiara-mouth{animation:none!important}
}


/* VEYA 4.10 — softer hologram head + generic downloads remain on-site. */
.kiara-hologram-image{
  opacity:.74!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.68) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.94) 58%,#000 76%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.68) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.94) 58%,#000 76%,#000 100%)!important;
}

/* VEYA 3.5 — visible, reliable motion/lip-sync layer. The final rules intentionally
   override the older hologram experiments above so the active design is deterministic. */
.kiara-hologram-core{
  animation:veyaBody35 8.5s ease-in-out infinite!important;
  transform-origin:50% 52%!important;
  will-change:transform!important;
}
.kiara-hologram-image{
  animation:veyaFace35 9.5s ease-in-out infinite!important;
  transform-origin:50% 45%!important;
  will-change:transform,filter!important;
}
.kiara-hologram.speaking .kiara-hologram-image{
  animation:veyaSpeakFace35 2.9s ease-in-out infinite!important;
}
.kiara-hologram.listening .kiara-hologram-image{
  animation:veyaListenFace35 5.5s ease-in-out infinite!important;
}
.kiara-hologram.thinking .kiara-hologram-image{
  animation:veyaThinkFace35 4.8s ease-in-out infinite!important;
}
.kiara-mouth{
  left:50%!important;
  top:74%!important;
  width:48px!important;
  height:6px!important;
  box-sizing:border-box!important;
  border:1.5px solid rgba(255,199,145,.92)!important;
  border-top-color:transparent!important;
  border-radius:0 0 60% 60%!important;
  background:rgba(115,55,32,.18)!important;
  box-shadow:0 0 9px rgba(231,161,99,.32)!important;
  opacity:0!important;
  z-index:12!important;
  will-change:width,height,transform,opacity!important;
}
.kiara-hologram.speaking .kiara-mouth{
  opacity:.9!important;
  animation:veyaMouth35 .22s ease-in-out infinite alternate!important;
}
@keyframes veyaBody35{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  20%{transform:translate3d(2px,-4px,0) rotate(.22deg)}
  40%{transform:translate3d(-2px,-8px,0) rotate(-.28deg)}
  60%{transform:translate3d(2px,-5px,0) rotate(.2deg)}
  80%{transform:translate3d(-1px,-2px,0) rotate(-.12deg)}
}
@keyframes veyaFace35{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  25%{transform:translate3d(3px,-2px,0) rotate(.25deg) scale(1.003)}
  50%{transform:translate3d(-3px,-5px,0) rotate(-.32deg) scale(1.006)}
  75%{transform:translate3d(2px,-2px,0) rotate(.20deg) scale(1.002)}
}
@keyframes veyaSpeakFace35{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  18%{transform:translate3d(3px,-2px,0) rotate(.25deg) scale(1.003)}
  38%{transform:translate3d(-4px,-7px,0) rotate(-.38deg) scale(1.008)}
  57%{transform:translate3d(3px,-3px,0) rotate(.28deg) scale(1.005)}
  77%{transform:translate3d(-2px,-1px,0) rotate(-.16deg) scale(1.002)}
}
@keyframes veyaListenFace35{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  35%{transform:translate3d(4px,-2px,0) rotate(.3deg)}
  68%{transform:translate3d(-3px,-5px,0) rotate(-.25deg)}
}
@keyframes veyaThinkFace35{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  43%{transform:translate3d(-4px,-4px,0) rotate(-.35deg)}
  71%{transform:translate3d(2px,-2px,0) rotate(.2deg)}
}
@keyframes veyaMouth35{
  0%{height:3px;width:38px;transform:translate(-50%,-50%) scaleX(.78);opacity:.45}
  22%{height:7px;width:45px;transform:translate(-50%,-50%) scaleX(1);opacity:.78}
  44%{height:12px;width:50px;transform:translate(-50%,-50%) scaleX(1.08);opacity:1}
  63%{height:5px;width:40px;transform:translate(-50%,-50%) scaleX(.86);opacity:.62}
  82%{height:9px;width:47px;transform:translate(-50%,-50%) scaleX(1.03);opacity:.9}
  100%{height:3px;width:38px;transform:translate(-50%,-50%) scaleX(.78);opacity:.45}
}

/* VEYA brand mark — official V + document hologram symbol */
.brand-mark{overflow:hidden;padding:0;background:#0b0a09;border:1px solid rgba(218,150,93,.22);}
.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.05) contrast(1.03);}
.core-icon{overflow:hidden;display:grid;place-items:center;background:#0a0908;border:1px solid rgba(218,150,93,.24);}
.core-icon img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.05) contrast(1.03);}
.about-card .icon-logo{display:grid;place-items:center;overflow:hidden;padding:0;background:#0a0908;border:1px solid rgba(218,150,93,.22);}
.about-card .icon-logo img{width:100%;height:100%;display:block;object-fit:cover;}
.view-choice-icon{overflow:hidden;background:#0a0908;border:1px solid rgba(218,150,93,.25);}
.view-choice-icon img{width:100%;height:100%;display:block;object-fit:cover;}

.analysis-progress-orbit{overflow:hidden;display:grid;place-items:center;background:#0a0908!important;border:1px solid rgba(218,150,93,.22);}
.analysis-progress-orbit img{width:100%;height:100%;display:block;object-fit:cover;}


/* Veya Voice 4.2 — standalone microphone control (legacy chat remains hidden). */
#veyaVoiceControl{position:fixed;left:clamp(18px,4vw,70px);bottom:clamp(76px,10vh,108px);z-index:1235;display:flex;flex-direction:column;align-items:flex-start;gap:7px;pointer-events:auto}
#veyaVoiceButton{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(221,160,109,.55);border-radius:999px;padding:11px 16px;background:rgba(10,9,8,.84);color:#fff5ed;box-shadow:0 10px 30px rgba(0,0,0,.38),0 0 24px rgba(216,147,83,.12);backdrop-filter:blur(14px);font:700 13px/1 inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation}
#veyaVoiceButton span:first-child{font-size:18px}
#veyaVoiceButton:hover{border-color:#e2a56f;box-shadow:0 12px 34px rgba(0,0,0,.44),0 0 28px rgba(216,147,83,.2)}
#veyaVoiceButton.recording{border-color:#f0b47f;box-shadow:0 0 0 4px rgba(218,150,93,.13),0 12px 34px rgba(0,0,0,.44),0 0 30px rgba(216,147,83,.22)}
#veyaVoiceButton:disabled{opacity:.55;cursor:not-allowed}
#veyaVoiceStatus{min-height:17px;padding-left:5px;color:#d69a73;font-size:12px;text-shadow:0 1px 8px #000}
@media(max-width:560px){#veyaVoiceControl{left:10px;bottom:66px}#veyaVoiceButton{padding:10px 13px;font-size:12px}.veya-voice-label{max-width:150px}}

/* Veya 4.11 — legal/info overlays: keep the hologram visible but out of the reading layer. */
body.veya-legal-overlay .kiara-hologram{
  opacity:.16!important;
  filter:saturate(.55) brightness(.72) blur(.15px)!important;
  transform:scale(.96)!important;
}
body.veya-legal-overlay .kiara-hologram-image{
  opacity:.58!important;
  filter:sepia(.28) saturate(.72) contrast(.92) drop-shadow(0 0 18px rgba(216,147,83,.16))!important;
}
body.veya-legal-overlay .kiara-hologram.speaking .kiara-hologram-image{
  filter:sepia(.30) saturate(.82) contrast(.94) drop-shadow(0 0 22px rgba(226,153,85,.20))!important;
}


/* VEYA 4.13 — mobile scroll stability.
   Keep the page in a single vertical scroll axis and prevent horizontal/overscroll
   wobble caused by fixed hologram layers and mobile browser chrome. */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
  overscroll-behavior-x:none;
}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
@media(max-width:700px){
  html{min-height:100%;}
  body{
    min-height:100%;
    touch-action:pan-y;
    overscroll-behavior-y:auto;
  }
  .kiara-hologram{
    max-width:100vw!important;
    contain:layout paint;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translate3d(0,0,0)!important;
  }
  .kiara-hologram-core,
  .kiara-hologram-image{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  #veyaVoiceControl{
    max-width:calc(100vw - 20px);
  }
}
@supports (height:100dvh){
  @media(max-width:700px){
    .view-choice-modal,.analysis-progress-overlay{min-height:100dvh;}
  }
}