/* KalyxAI — new homepage visual system */
body:not(.app-page){min-height:100vh;overflow-x:hidden;background:var(--bg);position:relative}
body:not(.app-page):before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 10% 15%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 31%),radial-gradient(circle at 90% 28%,color-mix(in srgb,var(--accent-3) 20%,transparent),transparent 32%),radial-gradient(circle at 50% 95%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%)}
body:not(.app-page):after{content:"";position:fixed;width:55vw;height:55vw;right:-30vw;top:18vh;border-radius:50%;filter:blur(100px);background:var(--accent-3);opacity:.08;z-index:-2;pointer-events:none}
.site-header{position:sticky!important;top:0!important;background:color-mix(in srgb,var(--bg) 66%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--accent-2) 13%,var(--line))!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 40px color-mix(in srgb,var(--accent) 5%,transparent)}
.nav{height:74px}.brand{gap:9px}.brand-logo{width:40px;height:40px}.header-tools{gap:8px}.home-nav-link{display:inline-flex;align-items:center;height:38px;padding:0 10px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:600}.home-nav-link:hover{color:var(--text)}.language-control select,.theme-toggle,.login-link,.chat-link{height:38px!important;border-radius:12px!important}
.home-hero{padding:clamp(70px,9vw,120px) 0 clamp(70px,8vw,110px);position:relative}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(45px,7vw,105px);align-items:center}.home-copy{max-width:700px}.home-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent-2) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent-2) 7%,transparent);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 35px color-mix(in srgb,var(--accent) 9%,transparent)}.home-copy h1{font-size:clamp(52px,7.1vw,94px);line-height:.92;letter-spacing:-.075em;margin:25px 0 25px}.home-copy h1 span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.home-copy>p{max-width:630px;font-size:clamp(17px,1.45vw,20px);line-height:1.65;color:var(--muted);margin:0}.hero-actions{margin-top:34px;display:flex;align-items:center;gap:22px}.button{border-radius:14px!important;padding:15px 19px!important}.home-secondary{color:var(--text);text-decoration:none;font-size:13px;font-weight:700}.home-secondary span{color:var(--accent-3);margin-left:7px}.hero-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;color:var(--muted);font-size:11px}.hero-trust span:first-child{color:var(--accent-2)}
.home-preview{position:relative;min-height:500px;display:grid;place-items:center}.preview-glow{position:absolute;width:65%;height:65%;border-radius:50%;background:var(--accent-gradient);filter:blur(75px);opacity:.18}.preview-window{position:relative;width:min(100%,570px);min-height:405px;border:1px solid color-mix(in srgb,var(--accent-2) 25%,var(--line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg) 76%,transparent),color-mix(in srgb,var(--accent-3) 7%,transparent));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 35px 100px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.3);overflow:hidden;transform:rotate(1.5deg)}.preview-window:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 35%);pointer-events:none}.preview-top{height:60px;border-bottom:1px solid color-mix(in srgb,var(--accent-2) 14%,var(--line));display:flex;align-items:center;justify-content:space-between;padding:0 22px}.preview-brand{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.12em}.preview-brand img{width:28px;height:28px;object-fit:contain}.preview-status{font-size:10px;color:var(--muted)}.preview-status:first-letter{color:#28c76f}.preview-content{padding:35px 34px}.preview-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-weight:700}.preview-content h2{font-size:clamp(28px,3.4vw,42px);line-height:1;margin:12px 0 32px;letter-spacing:-.06em}.preview-message{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:17px;background:color-mix(in srgb,var(--accent-2) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 12%,var(--line))}.preview-message img{width:34px;height:34px;object-fit:contain;flex:none}.preview-message strong{font-size:12px}.preview-message p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.preview-input{margin-top:25px;height:48px;border:1px solid color-mix(in srgb,var(--accent-2) 20%,var(--line));border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 7px 0 14px;color:var(--muted);font-size:11px;background:color-mix(in srgb,var(--bg) 48%,transparent)}.preview-input b{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--accent-gradient);color:#fff;font-size:16px}.preview-chip{position:absolute;padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent-2) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--bg) 65%,transparent);backdrop-filter:blur(16px);font-size:10px;font-weight:700;box-shadow:0 14px 35px color-mix(in srgb,var(--accent) 10%,transparent)}.chip-one{top:13%;right:-1%}.chip-two{bottom:13%;left:-2%}
.home-strip{border-block:1px solid color-mix(in srgb,var(--accent-2) 14%,var(--line));background:color-mix(in srgb,var(--bg) 40%,transparent);overflow:hidden}.strip-inner{height:66px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font:600 10px 'Space Grotesk';letter-spacing:.14em}.strip-inner b{color:var(--accent-2)}
.home-section{padding:clamp(100px,12vw,165px) 0}.home-section-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:65px}.home-section-intro h2,.security-grid h2{font-size:clamp(42px,5.5vw,70px);line-height:.96;letter-spacing:-.065em;margin:17px 0 0}.home-section-intro h2 span,.security-grid h2 span{color:var(--muted)}.home-section-intro>p{color:var(--muted);line-height:1.7;font-size:15px;max-width:430px;margin:0 0 5px}.section-number{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.feature-bento{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:auto auto;gap:14px}.feature-card{position:relative;min-height:270px;padding:29px;border:1px solid color-mix(in srgb,var(--accent-2) 14%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--bg) 54%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 55px color-mix(in srgb,var(--accent) 6%,transparent);overflow:hidden}.feature-card:hover{border-color:color-mix(in srgb,var(--accent-2) 32%,var(--line))}.feature-main{grid-row:span 2;min-height:555px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 10%,transparent),color-mix(in srgb,var(--accent-3) 5%,transparent))}.feature-wide{grid-column:2/4;display:grid;grid-template-columns:1fr .7fr;align-items:center}.feature-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--accent-gradient);color:#fff;font-weight:700;font-size:18px;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 18%,transparent)}.feature-number{display:block;margin-top:30px;font:600 10px 'Space Grotesk';color:var(--muted);letter-spacing:.1em}.feature-card h3{font-size:25px;margin:12px 0 10px}.feature-card p{font-size:13px;line-height:1.7;color:var(--muted);max-width:480px}.feature-card a{display:inline-block;margin-top:25px;color:var(--text);text-decoration:none;font-size:12px;font-weight:700}.feature-card a span{color:var(--accent-3);margin-left:7px}.mini-device{height:130px;border:1px solid color-mix(in srgb,var(--accent-2) 20%,var(--line));border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 12%,transparent),color-mix(in srgb,var(--accent-3) 9%,transparent))}.mini-device div{height:9px;border-radius:99px;background:color-mix(in srgb,var(--text) 12%,transparent)}.mini-device div:nth-child(2){width:75%;background:linear-gradient(90deg,var(--accent-2),var(--accent-3))}.mini-device div:nth-child(3){width:52%}
.security-home{padding:clamp(100px,12vw,160px) 0;border-block:1px solid color-mix(in srgb,var(--accent-2) 13%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 9%,transparent),color-mix(in srgb,var(--accent-3) 8%,transparent))}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,150px)}.security-content>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:560px;margin:28px 0 45px}.security-points{border-top:1px solid color-mix(in srgb,var(--accent-2) 15%,var(--line));display:grid;grid-template-columns:repeat(3,1fr)}.security-points div{padding:20px 15px 0 0;border-right:1px solid color-mix(in srgb,var(--accent-2) 12%,var(--line));display:flex;flex-direction:column;gap:10px}.security-points div:last-child{border-right:0}.security-points strong{font:600 22px 'Space Grotesk';color:var(--accent-2)}.security-points span{font-size:10px;color:var(--muted);line-height:1.4}
.home-cta{padding:clamp(90px,11vw,150px) 0}.cta-box{border:1px solid color-mix(in srgb,var(--accent-2) 22%,var(--line));border-radius:28px;padding:clamp(35px,6vw,70px);display:flex;align-items:end;justify-content:space-between;gap:40px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 10%,transparent),color-mix(in srgb,var(--accent-3) 9%,transparent));box-shadow:0 30px 90px color-mix(in srgb,var(--accent) 10%,transparent)}.cta-box h2{font-size:clamp(42px,5vw,70px);line-height:.95;margin:15px 0 0}.cta-box em{font-style:normal;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.cta-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer{background:color-mix(in srgb,var(--bg) 62%,transparent)!important;border-top:1px solid color-mix(in srgb,var(--accent-2) 12%,var(--line));backdrop-filter:blur(16px)}
@media(max-width:950px){.home-hero-grid{grid-template-columns:1fr}.home-preview{min-height:440px}.home-section-intro{grid-template-columns:1fr;gap:25px}.feature-bento{grid-template-columns:1fr 1fr}.feature-main{grid-row:auto;grid-column:1/3;min-height:390px}.feature-wide{grid-column:1/3}.security-grid{grid-template-columns:1fr}.cta-box{align-items:flex-start;flex-direction:column}.home-nav-link{display:none}}
@media(max-width:600px){.container{width:min(100% - 30px,600px)}.nav{height:66px}.brand-logo{width:36px;height:36px}.brand{font-size:19px}.language-control select{width:56px!important;padding:0 6px!important}.login-link{display:none}.chat-link{font-size:11px;padding:0 10px!important}.home-hero{padding-top:55px}.home-copy h1{font-size:clamp(48px,14vw,67px)}.hero-actions{align-items:stretch;flex-direction:column;gap:13px}.hero-actions .button{justify-content:center}.home-trust{font-size:10px}.home-preview{min-height:360px}.preview-window{min-height:350px;border-radius:22px}.preview-content{padding:25px 21px}.preview-content h2{font-size:30px}.chip-one{right:-3%;top:8%}.chip-two{left:-3%;bottom:8%}.strip-inner{height:55px;overflow:hidden;justify-content:flex-start}.home-section{padding:90px 0}.feature-bento{grid-template-columns:1fr}.feature-main,.feature-wide{grid-column:1;min-height:300px}.feature-wide{display:block}.mini-device{display:none}.security-home{padding:90px 0}.security-points{grid-template-columns:1fr}.security-points div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--accent-2) 12%,var(--line));padding:16px 0}.security-points div:last-child{border-bottom:0}.cta-box{padding:30px 24px}.cta-actions{width:100%;flex-direction:column;align-items:stretch}.cta-actions .button,.cta-actions .home-secondary{text-align:center;justify-content:center}.footer-inner{flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{transition:none}.preview-window{transform:none}}