/* Kloobit design tokens. System fonts keep the site fast and private. */
:root{--paper:#f7f8f2;--ink:#19261f;--muted:#59675e;--purple:#6545c1;--mint:#d7f477;--line:#dce1d6;--radius:18px;--font:Tahoma,"Leelawadee UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}a:hover{color:var(--purple)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.4}h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-1.2px}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-block:72px}.eyebrow{font:700 11px/1.6 Arial,sans-serif;letter-spacing:1.8px;color:var(--muted);margin-bottom:22px}.header{display:flex;align-items:center;justify-content:space-between;min-height:102px;border-bottom:1px solid var(--line);gap:20px}.logo{display:inline-flex;align-items:center;font:800 34px/1 Arial,sans-serif;letter-spacing:-1.8px;color:var(--ink)}.logo-dot{color:var(--purple)}.logo-mark{display:inline-flex;background:var(--ink);color:var(--paper);align-items:center;justify-content:center;width:35px;height:35px;border-radius:9px;font-size:29px;margin-right:10px}.logo-mark span{color:var(--mint)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav .nav-cta{border:1px solid var(--ink);border-radius:7px;padding:9px 16px}.nav-cta span{margin-left:14px}.menu-toggle{border:1px solid var(--line);background:transparent;padding:7px 12px;border-radius:6px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding-block:78px 88px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#557c23;flex:none}h1{font-size:clamp(38px,4.5vw,61px);letter-spacing:-2.7px;line-height:1.46}.highlight{color:var(--purple);position:relative;white-space:nowrap}.highlight svg{position:absolute;bottom:-9px;left:0;width:100%;height:16px;fill:none;stroke:var(--purple);stroke-width:5;stroke-linecap:round}.hero-description{margin-top:30px;font-size:17px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;border:1px solid transparent;border-radius:7px;padding:13px 20px;font-size:14px;font-weight:700;line-height:1.6;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--purple);color:white}.primary:hover{background:#50359e;color:white}.text-link{font-size:13px;border-bottom:1px solid #aeb8a7;padding:8px 0}.text-link span{margin-left:12px}.hero-note{font-size:12px;margin-top:24px}.hero-note>span{color:var(--purple);margin-right:6px}.lab{position:relative;transform:rotate(2deg);border:1px solid #ced8c5;border-radius:13px;background:#eff3e8;box-shadow:9px 12px 0 #e6eade;margin:8px 9px 20px 0}.lab-top{display:flex;justify-content:space-between;align-items:center;font:10px/1.5 monospace;padding:14px;border-bottom:1px solid #d3ddcb}.lab-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8c6af;margin-right:4px}.lab-grid{height:394px;position:relative;overflow:hidden;background-image:radial-gradient(#c6d3bd .8px,transparent .8px);background-size:18px 18px}.lab-label{position:absolute;top:20px;left:20px;font:9px monospace;letter-spacing:1.2px}.orbit{position:absolute;width:260px;height:140px;border:1px solid #b1c2a0;border-radius:50%;left:50%;top:62px;transform:translateX(-50%) rotate(-25deg)}.orbit-two{transform:translateX(-50%) rotate(40deg)}.core{position:absolute;top:74px;left:calc(50% - 57px);width:114px;height:114px;border-radius:25px;display:grid;place-items:center;background:var(--mint);box-shadow:6px 7px 0 #a3b858;border:1px solid #9db05b;transform:rotate(-10deg)}.core>span{font:800 90px/1 Arial,sans-serif;letter-spacing:-7px;transform:translateY(-3px)}.core-dot{color:var(--purple)}.bit{position:absolute;z-index:1;border-radius:12px;display:grid;place-items:center;box-shadow:3px 4px 0 #d7dfd0;font:bold 30px Arial}.bit-one{left:37px;top:72px;background:#e3d8ff;width:59px;height:59px;transform:rotate(-10deg);color:var(--purple)}.bit-two{right:25px;top:120px;background:white;width:65px;height:55px;transform:rotate(10deg);font-size:24px}.bit-three{left:80px;top:187px;width:40px;height:40px;background:var(--ink);color:var(--mint)}.float-label{position:absolute;font:11px monospace;color:#5a6c50}.label-one{left:25px;top:144px}.label-two{right:43px;top:184px}.lab-code{position:absolute;left:20px;right:20px;bottom:47px;background:#fffef9;border:1px solid #d6dfce;border-radius:8px;padding:14px 12px;font:11px/2 monospace;white-space:nowrap}.code-muted{color:#738268;margin-right:9px}.code-purple{color:var(--purple)}.code-green{color:#44701a}.lab-caption{position:absolute;bottom:17px;left:25px;font:9px monospace;letter-spacing:.8px}.lab-caption .status-dot{width:5px;height:5px;margin-right:5px}.lab-sticker{position:absolute;bottom:-27px;right:-14px;transform:rotate(-7deg);background:var(--mint);padding:11px 17px;font:13px/1.8 monospace;box-shadow:2px 3px 0 #b6ca7c}.lab-sticker strong{font:11px var(--font)}.topic-strip{border-block:1px solid var(--line)}.topic-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:21px;font:11px Arial;letter-spacing:1px}.topic-strip .wrap>span:first-child{font:12px var(--font);letter-spacing:0;color:var(--muted)}.topic-strip b{color:var(--purple);font-size:18px}.promise{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid var(--line)}.promise .eyebrow{padding-top:10px}.promise p:not(.eyebrow){margin-top:21px;max-width:665px}.muted{color:#7d897c}.promise-points{display:flex;flex-wrap:wrap;gap:26px;margin-top:24px;font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{font-size:14px}.series-grid,.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.series-card{padding:27px 25px 20px;border-radius:var(--radius);transition:transform .2s}.series-card:hover{transform:translateY(-5px);color:var(--ink)}.test{background:#e8eddc}.build{background:#eae3f6}.explain{background:#f0ebdc}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.card-top>span:last-child{font:9px monospace;letter-spacing:1px}.series-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #919f83;border-radius:11px;font:700 23px monospace}.series-card h3{font:700 26px/1.5 Arial;letter-spacing:-.8px}.series-card h4{font-size:17px;margin-block:8px 14px}.series-card p{font-size:14px;min-height:100px}.card-bottom{border-top:1px solid #aeb5a663;margin-top:24px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font:10px Arial;gap:8px}.card-bottom>span{font-size:23px}#explore{padding-top:25px}.small-label{font-size:11px;color:var(--muted)}.thumbnail{height:208px;position:relative;border-radius:13px;overflow:hidden}.thumbnail-label,.thumb-footer{position:absolute;left:20px;font:9px monospace;letter-spacing:1px}.thumbnail-label{top:17px}.thumb-footer{bottom:17px}.gpu{background:#24362e;color:#d5e7cb}.chip{position:absolute;inset:56px 35px 49px;border:1px solid #758c73;background:#364e3f;transform:rotate(-7deg);display:flex;justify-content:space-around;align-items:center;box-shadow:7px 7px 0 #14291c}.chip:after{content:"";position:absolute;bottom:-9px;width:65%;height:7px;background:repeating-linear-gradient(90deg,#b8bb80 0 7px,transparent 7px 10px)}.chip>span{font:10px monospace}.chip strong{font-size:28px}.fan{border:2px solid #92a78d;border-radius:50%;width:69px;height:69px;display:grid;place-items:center;font-size:55px;line-height:1;color:#adc3a4}.workflow{background:#e7e0f3;color:#4d397e}.flow{position:absolute;inset:67px 17px;display:flex;align-items:center;justify-content:center;gap:9px;font:9px monospace}.flow>span{background:#fffdf8;border:1px solid #bdb1d2;padding:12px 8px;border-radius:8px}.flow .flow-ai{background:var(--purple);color:white;font-size:16px;text-align:center;padding:13px}.flow b{font-size:18px}.rag{background:#e2ebc7;color:#354924}.rag-type{position:absolute;inset:42px 22px;font:800 85px Arial;letter-spacing:-8px;display:flex;align-items:center;justify-content:center}.rag-type>span:first-child{color:#809653;transform:rotate(-9deg)}.rag-type .question{font-size:45px;background:#f7f8f2;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;letter-spacing:0;transform:rotate(12deg);margin-left:13px}.content-meta{display:flex;justify-content:space-between;align-items:center;margin-block:20px 12px;font:10px monospace;color:var(--purple)}.content-meta>span:last-child{font:11px var(--font);color:var(--muted)}.content-card h3{font-size:22px;line-height:1.6}.content-card>p{font-size:13px;margin-top:12px}.newsletter{display:grid;grid-template-columns:.8fr 1.2fr;background:#e9eedf;border-radius:22px;padding:55px 62px;gap:65px;align-items:center}.guide-art{display:flex;justify-content:center}.guide-cover{width:240px;min-height:310px;transform:rotate(-8deg);background:var(--purple);color:white;box-shadow:8px 8px 0 #c6cdbb,12px 12px 0 #d6dcca;padding:24px;border-left:7px solid #5236a1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.guide-cover>span:first-child{font:700 23px Arial;letter-spacing:-1px}.guide-symbol{font:80px/.9 Arial;color:var(--mint);align-self:flex-end}.guide-cover strong{font-size:28px;line-height:1.6}.guide-cover>span:last-child{font:8px/1.6 monospace;letter-spacing:.8px}.newsletter .eyebrow{margin-bottom:12px}.newsletter-copy>p:not(.eyebrow){font-size:14px;margin-top:15px}.download-link{display:inline-block;font-size:12px;border-bottom:1px solid #93a37e;margin-top:14px}form{margin-top:22px}form>label{font-size:12px;font-weight:700}.form-row{display:flex;gap:8px;margin-top:6px}input[type=email]{min-width:0;flex:1;background:#fffefa;border:1px solid #a8b397;border-radius:7px;padding:12px;font-size:14px}.form-row .button{font-size:12px;gap:14px}.consent{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:11px;font-weight:400;color:#4e5c43}.consent input{margin:5px 0 0;accent-color:var(--purple);width:16px;height:16px;flex:none}.consent a{text-decoration:underline}.form-note{font-size:11px;margin-top:10px}#form-status{font-size:13px;margin-top:10px}#form-status:empty{display:none}.consulting{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:90px}.consulting .eyebrow{margin-bottom:15px}.consulting p{font-size:14px;margin-top:18px}.consulting .form-note{font-size:11px;margin-top:12px}.dark{background:var(--ink);color:white;margin-top:25px}.dark:hover{background:#354d3e;color:white}.service-list>div{display:flex;gap:23px;align-items:flex-start;padding-block:27px;border-bottom:1px solid var(--line)}.service-list>div:first-child{border-top:1px solid var(--line)}.service-list>div>span{font:12px/2 Arial;color:var(--muted)}.service-list>div>span:last-child{margin-left:auto;font-size:20px}.service-list h3{font:700 20px/1.6 Arial}.service-list p{font-size:13px;margin-top:5px}.about{background:#ecefe6;padding-block:65px}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-word{font:400 clamp(32px,4vw,57px)/1.3 Arial;letter-spacing:-2px}.about-word>span{color:#8d9a7d;margin-inline:12px}.about-word strong{display:block;font-weight:800}.about-word strong span{color:var(--purple)}.about .eyebrow{margin-bottom:15px}.about p:not(.eyebrow){font-size:14px;margin-top:17px}.footer{padding-block:42px 25px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}.footer .logo{font-size:30px}.footer p{font-size:12px;margin-top:10px}.footer-social .eyebrow{display:block;font-size:9px;margin-bottom:9px}.footer-social>div{display:flex;gap:24px;font:12px Arial}.footer-social a[aria-disabled=true]{color:#65735c;cursor:default}.footer .form-note{font-size:10px}.footer-bottom{display:flex;gap:25px;width:100%;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px}.footer-bottom>span{margin-right:auto}#privacy{font-size:11px;width:100%}#privacy summary{cursor:pointer}#privacy p{max-width:800px}.skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1450px){.hero{padding-block:90px 105px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}nav{gap:18px}.hero{gap:28px}h1{font-size:43px}.hero-description{font-size:15px}.lab-code{font-size:9px}.series-card{padding:22px 19px}.card-top>span:last-child{font-size:8px}.series-card h3{font-size:24px}.series-card p{min-height:126px}.newsletter{padding:45px 32px;gap:32px}.form-row{flex-wrap:wrap}.form-row input{flex-basis:100%}.form-row button{width:100%}.content-card h3{font-size:19px}.rag-type{font-size:70px}.thumbnail{height:190px}.flow{gap:5px}.flow>span{padding:10px 5px}.flow .flow-ai{font-size:13px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:82px;position:relative;flex-wrap:wrap;padding-block:20px}.logo{font-size:29px}.logo-mark{height:30px;width:30px;font-size:25px}nav{width:100%;flex-wrap:wrap;gap:16px;padding-block:12px;font-size:12px}.js-ready .menu-toggle{display:block}.js-ready nav{display:none}.js-ready nav.open{display:flex}.hero{grid-template-columns:1fr;padding-block:46px 60px;gap:42px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:clamp(37px,8vw,55px);letter-spacing:-1.8px}.hero-description{font-size:16px}.hero-description br.desktop-break{display:none}.actions{gap:16px}.hero-note{margin-top:18px}.lab{width:min(430px,95%);margin-inline:auto}.lab-grid{height:360px}.lab-code{font-size:10px}.topic-strip .wrap{justify-content:center;gap:15px;font-size:9px;padding-block:18px}.topic-strip .wrap>span:first-child{flex-basis:100%;text-align:center}.topic-strip b{font-size:14px}.section{padding-block:48px}.promise{grid-template-columns:1fr;gap:0}.promise .eyebrow{padding:0;margin-bottom:15px}.promise-points{gap:15px;font-size:12px}.section-heading{display:block;margin-bottom:25px}.section-heading>p,.section-heading>.small-label{display:block;margin-top:15px}.series-grid,.content-grid{grid-template-columns:1fr;gap:22px}.series-card{padding:25px}.card-top{margin-bottom:23px}.series-card p{min-height:0}.card-bottom{font-size:11px}.content-card{margin-bottom:10px}.content-card h3{font-size:22px}.content-card h3 br{display:none}.thumbnail{height:230px}.chip{inset:65px 60px 55px}.flow{inset:75px 25px;gap:18px}.flow>span{padding:16px 15px}.flow .flow-ai{font-size:19px}.rag-type{font-size:100px}.newsletter{grid-template-columns:1fr;padding:35px 25px;gap:35px}.guide-cover{width:190px;min-height:250px;padding:18px;gap:14px}.guide-cover strong{font-size:24px}.guide-symbol{font-size:55px}.newsletter h2 br{display:none}.newsletter .eyebrow{font-size:9px}.consulting,.about-inner{grid-template-columns:1fr;gap:35px}.consulting{padding-block:55px}.service-list>div{gap:15px}.about{padding-block:45px}.about-word{font-size:43px}.about-word strong{display:inline;margin-left:12px}.about-word>span{margin-inline:6px}.about-word{font-size:32px;letter-spacing:-1px}.footer{gap:28px}.footer-bottom{flex-wrap:wrap;gap:15px;padding-top:20px}.footer-bottom>span{flex-basis:100%}.footer-social>div{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.header nav,.menu-toggle,form,.footer-social{display:none!important}.wrap{width:100%}.section{padding-block:25px}.hero{padding-block:25px}.lab{box-shadow:none}.newsletter{break-inside:avoid}.series-card,.content-card{break-inside:avoid}body{font-size:12px}}
@media(min-width:761px){.menu-toggle{display:none}}