body.about-kloel{margin:0;background:#030516;color:#f8f8fc;font-family:'Kloel Marketing Inter',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
/* The shared header already has a 70px body offset. Reserve it only once. */
.about-kloel.kloel-static-site-shell:has(>main)>kloel-site-header{height:0}
.about-kloel main{background:radial-gradient(ellipse 700px 500px at 85% 6%,#4f309b22,transparent 80%),#030516;overflow:clip}
.about-kloel main *{box-sizing:border-box}.about-kloel main a{color:inherit;text-decoration:none}.about-kloel main h1,.about-kloel main h2,.about-kloel main h3,.about-kloel main p{margin:0}.about-kloel main a:focus-visible{outline:2px solid #bdaaff;outline-offset:6px}
.about-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.about-eyebrow{display:block;color:#b5a5ef;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.15em;margin-bottom:22px}.about-skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:14px;color:#111}.about-skip:focus{top:10px}
.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-block:100px 96px}.about-hero h1{font-size:clamp(38px,4.25vw,61px);line-height:1.12;font-weight:650;letter-spacing:-.045em}.about-hero h1 span{background:linear-gradient(105deg,#bbb0ff,#8edbeb);background-clip:text;-webkit-background-clip:text;color:transparent}.about-hero-copy>p{max-width:490px;font-size:17px;line-height:1.75;color:#a8acc3;margin-top:26px!important}.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.about-button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;padding:17px 24px;background:linear-gradient(110deg,#6555e9,#8b55ce);border:1px solid #ad96f870;border-radius:100px;font-size:14px;font-weight:650;box-shadow:0 6px 28px #7550dd25;transition:filter .2s}.about-button:hover{filter:brightness(1.15)}.about-secondary{display:inline-flex;gap:16px;align-items:center;font-size:13px;font-weight:550;color:#c6c8d9!important;padding-block:8px}.about-secondary:hover{color:#fff!important}
.about-platform{border:1px solid #77718c55;border-radius:24px;background:linear-gradient(155deg,#19182d,#0c1024 70%);box-shadow:0 25px 80px #0004,0 0 85px #7653dc12;overflow:hidden}.about-platform-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #ffffff0c;color:#9695b0;font-size:8px;letter-spacing:.12em}.about-window-dots{display:flex;gap:5px}.about-window-dots i{width:5px;height:5px;background:#66647b;border-radius:50%}.about-status-dot{width:5px;height:5px;border-radius:50%;background:#a1e8dd}.about-platform-content{padding:36px 30px 29px}.about-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.about-models>span{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff04;padding:13px 6px;font-size:11px;color:#d6d7e3}.about-models img{width:23px;height:23px;background:#f4f3fa;border-radius:50%;padding:3px}.about-connections{height:52px;display:flex;justify-content:center;position:relative;margin:0 16.5%}.about-connections i{position:absolute;top:0;width:50%;height:27px;border-bottom:1px solid #8475c269}.about-connections i:first-child{left:0;border-left:1px solid #8475c269;border-radius:0 0 0 12px}.about-connections i:last-child{right:0;border-right:1px solid #8475c269;border-radius:0 0 12px 0}.about-connections i:nth-child(2){border-bottom:0;width:1px;height:52px;background:linear-gradient(#8475c233,#ac93f8)}.about-platform-brand{display:flex;align-items:center;flex-direction:column;gap:18px;margin:0 auto;position:relative;padding:22px 0 27px;background:radial-gradient(ellipse at center,#8263d522,transparent 68%)}.about-platform-brand img{width:182px;height:auto;max-height:58px}.about-platform-brand>span{font-size:12px;color:#b8b6d0}.about-platform-tools{display:flex;justify-content:center;gap:10px;margin-top:8px}.about-platform-tools span{padding:9px 15px;border:1px solid #ffffff12;border-radius:8px;font-size:10px;color:#a9aec7}.about-platform-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff0c;padding:17px 24px;color:#858aa6;font-size:10px}.about-platform-bottom>span:last-child{color:#b5a5ef}
.about-purpose{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;padding-block:65px 38px;border-top:1px solid #ffffff14}.about-kloel h2{font-size:clamp(28px,3vw,39px);line-height:1.2;letter-spacing:-.035em;font-weight:600}.about-purpose p,.about-company-copy p{font-size:15px;line-height:1.8;color:#a8acc3}.about-purpose p{max-width:460px;padding-bottom:3px}.about-purpose .about-eyebrow{margin-bottom:18px}
.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:80px}.about-pillar{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(135deg,#13152b,#0a0d20)}.about-pillar-icon{width:43px;height:43px;border:1px solid #a389ee33;background:#8a64ec10;border-radius:12px;display:grid;place-items:center;color:#b9a7fa;margin-bottom:25px}.about-pillar-icon svg{width:23px;height:23px}.about-pillar h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:600}.about-pillar p{font-size:14px;line-height:1.75;color:#9ea4bc;margin-top:16px!important;flex:1}.about-pillar-label{display:block;margin-top:27px;font-size:9px;line-height:1.5;letter-spacing:.12em;color:#797f9a}
.about-company{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-block:64px 80px;border-top:1px solid #ffffff14}.about-company-copy p{max-width:470px;margin-top:20px!important}.about-company-copy .about-secondary{margin-top:20px}.about-company-details{margin:8px 0 0}.about-company-details>div{padding:22px 0;border-bottom:1px solid #ffffff14}.about-company-details>div:first-child{padding-top:0}.about-company-details dt{font-size:11px;color:#878da9;margin-bottom:9px}.about-company-details dd{margin:0;font-size:14px;line-height:1.6;color:#d9dcea}.about-company-details dd a{display:flex;justify-content:space-between}.about-company-details dd a:hover{color:#b9a7fa}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px 48px;margin-bottom:80px;border:1px solid #9d8ada40;border-radius:24px;background:radial-gradient(ellipse at 90% 100%,#57449444,transparent 65%),#11132b}.about-cta .about-eyebrow{margin-bottom:14px}.about-cta h2{font-size:32px}.about-cta .about-button{flex-shrink:0}
@media(max-width:1000px){.about-hero,.about-purpose{gap:34px}.about-hero{padding-block:72px}.about-platform-content{padding-inline:20px}.about-models>span{flex-direction:column;gap:8px}.about-actions{gap:14px}.about-pillar{padding:24px 20px}.about-company{gap:40px}.about-pillar h3{font-size:21px}}
@media(max-width:720px){.about-wrap{width:calc(100% - 40px)}.about-hero{grid-template-columns:1fr;gap:40px;padding-block:48px 56px}.about-eyebrow{font-size:10px;margin-bottom:18px}.about-hero h1{font-size:clamp(33px,8.3vw,48px)}.about-hero-copy>p{font-size:15px;margin-top:21px!important}.about-actions{gap:16px;margin-top:26px}.about-button{padding:15px 20px;font-size:13px;gap:18px}.about-secondary{font-size:12px}.about-platform{max-width:500px;width:100%;margin:auto;border-radius:18px}.about-models>span{flex-direction:row;font-size:10px;gap:6px}.about-models img{width:21px;height:21px}.about-platform-content{padding:26px 20px 22px}.about-platform-top{padding:18px;font-size:7px}.about-platform-brand{padding:14px 0 20px}.about-platform-brand img{width:162px}.about-platform-tools span{padding:8px 13px}.about-purpose{grid-template-columns:1fr;gap:22px;padding-block:44px 28px}.about-kloel h2{font-size:29px}.about-purpose p,.about-company-copy p{font-size:14px}.about-pillars{grid-template-columns:1fr;gap:14px;padding-bottom:48px}.about-pillar{padding:26px}.about-pillar h3{font-size:23px}.about-pillar h3 br{display:none}.about-pillar-icon{margin-bottom:20px}.about-pillar p{margin-top:12px!important}.about-pillar-label{margin-top:20px}.about-company{grid-template-columns:1fr;gap:30px;padding-block:44px 48px}.about-company-details>div{padding-block:18px}.about-cta{flex-direction:column;align-items:flex-start;gap:26px;padding:30px 26px;margin-bottom:48px;border-radius:20px}.about-cta h2{font-size:27px}.about-cta h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.about-button{transition:none}}